jquery - 画像をクリックした場合にスパン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

.siblings()おそらくセレクターを使用する必要があります（ http://api.jquery.com/siblings/）

例として：

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

Answer 3

このlive()関数は非推奨になりon()、次のように置き換えられました。

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

Answer 4

これを試して

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

Answer 5

live減価償却費を使用しないでください

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

});

Answer 6

画像に閉じている/がないことを除いて、それはおそらくうまくいくでしょう。ところで... .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>