jquery - 如果我们单击图像，如何找到 span html？

Question

Descriptions如果我们点击如何获取 名称<img src="../Images/Checkmark.ico"

<li id="liRightDescriptions" style="display: list-item;">
         <span><span>Descriptions</span>
        <img src="../Images/Checkmark.ico" class="checkImage"></span>
    </li>

我厌倦了这个：-

$('.checkImage').live('click', function (event) {
        debugger;
        event.preventDefault();
        var name = $(this).prev().html();

Answer 1

尝试：

$('.checkImage').click( function () {
    var name = $(this).prev().html();
    alert(name)
})

Answer 2

该live()功能已弃用，并已替换为on(), 使用：

$('body').on('click', '.checkImage', function(){
    var text = $(this).prev('span').text();
});

Answer 3

您可能应该使用.siblings()选择器（http://api.jquery.com/siblings/）

举个例子 ：

$('.checkImage').live('click', function (event) {
  var name = $('.checkImage.').siblings('span').html();
}

Answer 4

尝试这个

$('.checkImage').click(function() {
    var name = $(this).prev().html();
});

Answer 5

这可能会起作用，除非您的图像中没有关闭/，也许还有更多。顺便说一句……使用 .click() 比使用 .on() 慢……并且 .live() 已贬值。

我让它工作了，所以这里有一个固定的小提琴：

http://jsfiddle.net/digitalextremist/QT66f/

基本相同，但我删除了您可能实际上不需要的东西。如果您这样做，请重新添加它们。

$('.checkImage').on('click', function (event) {
        var name = $(this).prev().html();
        alert( name )
})

和 HTML：

<li id="liRightDescriptions" style="display: list-item;">
    <span>
        <span>Descriptions</span>
        <img src="../Images/Checkmark.ico" class="checkImage" />
    </span>
</li>

Answer 6

不要使用live它的折旧

$('body').delegate('.checkImage','click',function(){
alert($(this).prev().html());

});