jQuery是一種非常流行的JavaScript庫,被廣泛應用于網頁開發中。在使用jQuery時,我們經常需要獲取某個元素的父元素的id,在下面的代碼中我們將演示如何使用jQuery獲取父元素的id。
<html> <head> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> </head> <body> <div id="parent"> <div id="child">Hello World!</div> </div> <script> var parentId = $("#child").parent().attr("id"); console.log(parentId); </script> </body> </html>
在上面的代碼中,我們在網頁中定義了一個id為parent的div元素,div元素中包含了一個id為child的子元素。我們使用jQuery的parent()方法獲取child元素的父元素,然后使用attr()方法獲取父元素的id屬性,并將其賦值給變量parentId。最后,我們使用console.log()方法輸出parentId的值到瀏覽器的控制臺中。
上述代碼將在控制臺中輸出parent,因為child元素的父元素的id就是parent。
總之,使用jQuery獲取父元素的id非常簡單,只需使用parent()方法來獲取父元素,再使用attr()方法獲取父元素的id屬性即可。