1

私はこのようなものを持っています:

<div class='span6'>
    <div class='row-fluid'>
       <div class='span2 search'>
          <img src='img.png'/> <!-- when clicked -->
       </div>
       <div class='span10'>
          <div class='name-info' id="test">  <!-- get this id -->
            <h4 class="name"><?php echo $name;?></h4>
            <div class='address'>
              <?php echo $location;?>
           </div>
         </div> <!-- end name-info -->
      </div>
    </div> <!-- end name-block -->
</div>
<div class='span6'>
    <div class='row-fluid'>
       <div class='span2 search'>
          <img src='img.png'/>  <!-- when clicked -->
       </div>
       <div class='span10'>
          <div class='name-info' id="test">  <!-- get this id -->
            <h4 class="name"><?php echo $name;?></h4>
            <div class='address'>
              <?php echo $location;?>
           </div>
         </div> <!-- end name-info -->
      </div>
    </div> <!-- end name-block -->
</div>

$('.search img').on('click',function(){
    alert($(this).next('.name-info').attr("id"));
});

2 つの正確な div があり、img をクリックしようとしています。画像をクリックすると、クラスの id を取得できるはずですがname-info、どのようにすればよいですか? いくつかの関数を試しましたが、すべての jQuery 関数に慣れていません。助けが必要ですか？

ありがとう！

4

4 に答える 4

2 
$(".span2 img").on('click', function () {
    console.log($(this).parent().next().find('.name-info').attr('id'));
});
于 2013-02-11T03:23:44.727 に答える
1

これはすべきです

$('.search img').on('click',function(e){
    alert($(this).parent().next().find('.name-info').attr('id'))
});

デモ:フィドル

要素をクリックしているので、親のimgを​​取得してから、 class を持つ要素を見つける必要があります。next sliblingname-info

于 2013-02-11T03:25:34.150 に答える
0

これを試して：

$('.searchimg').on('click',function(){
    alert($(this).parent().next().children('.name-info').attr("id"));
});
于 2013-02-11T03:32:47.203 に答える
0

$('.searchimg') は、あなたがやろうとしていることで $('.search img') であるべきだと思います...

于 2013-02-11T03:20:49.193 に答える