将Div文本代码内联添加到onclick事件

Question

我有一个div，我想在其中获取值并在onclick事件中使用它。

这是div。

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

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

因此，我需要在下面的代码中将INSERT HERE插入其中的100。

<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（）来获取开始/关闭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事件中执行此操作，如下所示，您还需要给image标签赋予一个“ id”。

HTML代码（将id添加到图像标签）

<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" />

jQuery代码：

 $( document ).ready(function() {
    var car_val = $("#cars").html(); 
    var onclick_Val = $("#image_id").attr("onclick");
    var onclick_new_val = onclick_Val.replace('INSERT HERE', car_val);
    $("#image_id").attr( 'onclick', onclick_new_val ); 
 });