在jQuery中,選中一個元素的父節點可以使用parent()或者closest()方法,但是如果想要獲取這個父節點的id該怎么辦呢?這時候可以使用attr()方法或者prop()方法來獲取。
$(document).ready(function(){ $("#child").click(function(){ var parentId = $(this).parent().attr("id"); console.log(parentId); }); });
在上面的例子中,當#child元素被點擊時,會先使用parent()方法獲取它的父節點,然后使用attr()方法獲取它父節點的id,并將id打印到控制臺中。
另外,在jQuery 1.6版本之后,推薦使用prop()方法來獲取DOM屬性,而不是使用attr()方法。因為attr()方法在大多數情況下返回的是屬性的值,在某些情況下可能會返回undefined或false,而使用prop()方法則可以返回正確的值。
$(document).ready(function(){ $("#child").click(function(){ var parentId = $(this).parent().prop("id"); console.log(parentId); }); });
上面的例子中,我們將attr()方法替換為prop()方法來獲取父節點的id,代碼實現和結果都是一樣的。
下一篇css延伸測試教程