Question

我是一个jQuery noob。我想遍历一个html类列表，并为每个类显示父div的名称。具体来说，我想遍历下面的food_type类并显示每个类的父ID（例如，'chicken'）。所以像这样......

$(".food_type").each(function() {
      alert(...)


  <div id="chicken">
      <div class="kg"></div>
      <div class="food_type">100</div>
      <div class="label">Chicken</div>
  </div>

 <div id="eggs">
    <div class="kg"></div>
    <div class="food_type">100</div>
    <div class="label">Eggs</div>
  </div>

  <div id="pork">
    <div class="kg"></div>
    <div class="food_type">100</div>
    <div class="label">Pork</div>
  </div>

Answer 1

在each方法中，this关键字与正在迭代的元素相关。因此，您将其包装到jQuery对象中（通过执行$(this)）并获取其parent。最后，您将获得父级的id属性。把它们放在一起就可以了：

$(".food_type").each(function() {
    alert($(this).parent().attr("id"));
}

进一步阅读：

Answer 2

尝试

$(".food_type").each(function() {
  alert($(this).parent().attr("id"));
});

Answer 3

$(".food_type").each(function() {
    alert($(this).parent().prop("id"));
}

Answer 4

你可以这样做：

$(".food_type").each(function() {
    alert($(this).parent().attr("id"));
}

parent()获取元素的父级，attr("id")获取元素的ID。 each只是遍历$(".food_type")生成的数组。

Answer 5

$(".food_type").each(function() {
      var category = $(this).parent().attr('id');
});

如何拉动和显示父div

5 个答案: