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"));
});

我有两个确切的 div，我正在尝试单击一个 img，当我单击图像时，它应该能够获取 class 的 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元素，因此您需要获取next slibling父元素的 ，然后找到具有 class 的元素name-info。

于 2013-02-11T03:25:34.150 回答
0

我认为 $('.searchimg') 应该是 $('.search img') 你正在尝试做的事情......

于 2013-02-11T03:20:49.193 回答
0

试试这个：

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