如何将值javascript onclick传递给jquery函数

我有一张带有onclick函数的图片

<img id='1213' src='img/heart.png' onclick='heart(this.id)'>

如何在div中显示ID

<div id="heart">
     Name : ABC
     ID : The ID need to be here 
</div>

姓名：ABC
身份证：身份证必须在这里

---

p/S：我有理由希望使用onclick，而不是直接使用jquery从图像id获取val。

首先，应该使用JavaScript来附加事件。您已经包含了jQuery，所以我们不妨使用它。附加事件后，可以使用

text（）

方法在目标div内设置

span

的innerText属性。请尝试以下操作：

<img id="1213" class="heart" src="img/heart.png" />

<div id="heart">
     Name : ABC
     ID : <span></span>
</div>

---

首先，应该使用JavaScript来附加事件。您已经包含了jQuery，所以我们不妨使用它。附加事件后，可以使用

text（）

方法在目标div内设置

span

的innerText属性。请尝试以下操作：

<img id="1213" class="heart" src="img/heart.png" />

<div id="heart">
     Name : ABC
     ID : <span></span>
</div>

---

要显示图像id，可以使用

$('#heart').html(id).dialog('open'); 

我建议您不要使用丑陋的内联事件处理程序。可以使用jQuery绑定事件。在这里，我向

img

元素添加了一个CSS类，然后我们可以使用它绑定事件

HTML

---

要显示图像id，可以使用

$('#heart').html(id).dialog('open'); 

我建议您不要使用丑陋的内联事件处理程序。可以使用jQuery绑定事件。在这里，我向

img

元素添加了一个CSS类，然后我们可以使用它绑定事件

HTML

---

你可以这样做

心脏功能（id）{ $（'#heart'）.text（id.dialog（）； 返回false； }

---

你可以这样做

心脏功能（id）{ $（'#heart'）.text（id.dialog（）； 返回false； }

---

如果您使用的是HTML5，则可以使用data-*属性

<img id="someid" src="img/heart.png" data-id="1213"/>

    $('#someid').click(function(e) {
        var id = this.getAttribute("data-id");
        $('#heart').text(id).dialog('open');
    });

$（'#someid'）。单击（函数（e）{
var id=this.getAttribute（“数据id”）；
$（'#heart'）.text（id）.dialog（'open'）；
});

如果您使用的是HTML5，则可以使用data-*属性

<img id="someid" src="img/heart.png" data-id="1213"/>

    $('#someid').click(function(e) {
        var id = this.getAttribute("data-id");
        $('#heart').text(id).dialog('open');
    });

$（'#someid'）。单击（函数（e）{
var id=this.getAttribute（“数据id”）；
$（'#heart'）.text（id）.dialog（'open'）；
});

当您使用jQuery时，您绝对不会使用内联事件处理程序（如

onclick

）使用

$（“#心”）。在（“单击”，函数（）{}）而不是内联html。当您使用jQuery时，绝对不会使用内联事件处理程序（如
onclick
）使用
$（“#心”）。在（“单击”，函数（）{}）而不是内联html。