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

Question

我有这张带有 onclick 功能的图片

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

调用这个函数:

function heart(id) {
    $('#heart').dialog('open');
    return false;
}

如何在 div 中显示 ID？

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

P/S:我有理由想使用 onclick 而不是直接使用 jquery get val 直接从图像 id 中获取值。

Answer 1

首先，您应该使用 JavaScript 来附加您的事件。您已经包含了 jQuery，所以我们不妨使用它。附加事件后，您可以使用 text() 方法在目标 div 中设置 span 的 innerText 属性。试试这个:

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

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

$('.heart').click(function() {
    $('#heart span').text(this.id).dialog('open');
});