jquery - 如何拉取和显示父div

Question

我是一个 jQuery 菜鸟。我想遍历一个 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"));
}

进一步阅读：

• http://api.jquery.com/each/
• http://api.jquery.com/parent/
• http://api.jquery.com/attr/

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