Question

所以，我有以下php和js标记：

<div class="top" data-id="<?php echo $id; ?>">
  <div class="middle">
    Click
  </div>
  <div class="info"> <!--Note that I am targeting a child div -->
     <div class="name">
       Steve
     </div> 
  </div>     
</div>

然后是我的js：

jQuery(document).on( 'click', '.middle', function(e) {
  var my_id= jQuery(this).parent('.top').data("id");
});

此时，当点击middle div时，js var my_id等于其顶级父div的data_id（.top）。< / p>

现在，我想保存另一个div，如下所示（简单的html）。

var my_name = $('.name').html();

如何定位特定`data-id'div中的特定.name类？

Answer 1

您可以使用FahrenHandler handlerFahren = new FahrenHandler(); fahrField.addActionListener(handlerFahren);方法选择.siblings()的所有同级元素，然后使用.middle查找任何后代.find()元素：

.name

Answer 2

使用父级和查找方法。

var current;
$(document).on( 'click', '.middle', function(e) {
  var my_id= $(this).parent('.top').data("id");
  current = $(this).parent().find('.name');
  console.log($(current).html());
});

编辑：John Crozier的答案更完整。打败我吧:)。

jQuery使用另一个var定位特定的div

2 个答案: