将Div Text代码内联添加到onclick事件中

Question

我有一个div，我希望获得该值并在onclick事件中使用它。

这里是div。

<div id="cars">100</div>

然后我需要在下面的消息中输入id cars text或html。

所以我需要在下面的代码中插入100个INSERT HERE。

<img onclick="window.plugins.socialsharing.shareViaTwitter('Message: Hello  INSERT HERE')" src="images/share_text.png" style="height:2em" />

我该怎么做？

Answer 1

简单的javascript：

document.getElementById('cars').innerHTML

或使用jQuery：

$('#cars').text()

Answer 2

使用 jquery

非常简单

$("#cars").text();

会给你发短信

Answer 3

如果您希望jQuery解决方案使用.html()来获取start / close div标记之间的文本。

<img onclick="window.plugins.socialsharing.shareViaTwitter('Message: Hello' + $('#cars').html())" src="images/share_text.png" style="height:2em" />

Answer 4

不建议在html代码中包含jquery / javascript代码。我建议您可以在document.ready事件中执行此操作，如下所示，您需要提供一个＆＃34; id＆＃34;到你的图片标签。

HTML代码（将ID添加到图片代码）

$scope.gsrv.free = globalService.free;

Jquery代码：

<div id="cars">100</div>
<img onclick="window.plugins.socialsharing.shareViaTwitter('Message: Hello  INSERT HERE')" src="images/share_text.png" style="height:2em" id="image_id" />