如何在 jQuery 中找到所有点击元素的同级元素?
要在 jQuery 中找到所有点击元素的同级元素,请使用父级和同级方法,并选择类来找到所有同级元素。
示例
你可以尝试运行以下代码以在 jQuery 中找到所有点击元素的同级元素
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $(".target").click(function(){ $(this).parent().siblings().removeClass("selectedClass"); $(this).parent().addClass("selectedClass"); }); }); </script> <style> a { cursor:pointer; } .selectedClass{ color:blue; } </style> </head> <body> <h1>Countries</h1> <ul> <li><a class="target">India</a></li> <li><a class="target">US</a></li> <li><a class="target">UK</a></li> </ul> </body> </html>
广告