jQuery是一種流行的JavaScript庫,可以大大簡化網(wǎng)頁中的JavaScript編程。有時(shí)候我們需要選擇父窗口元素,這時(shí)候jQuery提供了一些方法來幫助我們簡化代碼。
//選擇父級(jí)元素 $(document).ready(function(){ $("button").click(function(){ $(this).parent().css("background-color", "red"); }); }); //選擇特定父級(jí)元素 $(document).ready(function(){ $("button").click(function(){ $(this).parents("#div1").css("background-color", "red"); }); });
以上代碼演示了兩種選擇父級(jí)元素的方法。第一種方法使用了parent()方法來選擇直接的父級(jí)元素,第二種方法使用了parents()方法來選擇特定的父級(jí)元素。在第二種方法中,我們使用了ID選擇器來選擇ID為"div1"的父級(jí)元素。
//選擇最近的父級(jí)元素 $(document).ready(function(){ $("button").click(function(){ $(this).closest("div").css("background-color", "red"); }); });
以上代碼演示了另一種選擇父級(jí)元素的方法。closest()方法選擇最近的父級(jí)元素。在以上例子中,我們選擇最近的div元素作為父級(jí)元素,并將其背景顏色設(shè)為紅色。