javascript - 获取元素的父id

Question

我无法获取元素的父 ID。

$(function(){
$("#elem-132224").append("<button class='sum'>+</button><button>-</button>")
$(".sum").click(function(){
    alert($(this).attr('id'));
})

为什么不工作？

Answer 1

它不起作用，因为该按钮没有 id 。它只有class 。你可以这样写:

$(function(){
  $("#elem-132224").append("<button id='my-id-123' class='sum'>+</button><button>-</button>");
  $(".sum").click(function(){
    alert($(this).attr('id'));
});

如果你想获取父级 id (<button> 位于其中的元素)，您可以使用 parent() 在 jquery 中:

$(function(){
  $("#elem-132224").append("<button class='sum'>+</button><button>-</button>");
  $(".sum").click(function(){
    alert($(this).parent().attr('id'));
});