Sublime Text
<!DOCTYPE html> <html> <head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script> <script> $(document).ready(function(){ $("span").parents().attr("style","border:1px solid red;"); }) </script> <style type="text/css"> body * { border:1px solid black; list-style-type: none; margin:20px; padding:10px; display:block; } </style> </head> <body> <div>Phần tử cấp 1 <div>Phần tử cấp 2 <ul>Phần tử cấp 3 <li>Phần tử cấp 4 <span>Phần tử cấp 5 (Lưu ý, 2 đường viền ngoài cùng là của phần tử body và html, 2 phần tử này cũng là tổ tiên của phần tử span)</span> </li> </ul> </div> </div> </html>
<!DOCTYPE html> <html> <head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script> <script> $(document).ready(function(){ $("span").parents().attr("style","border:1px solid red;"); }) </script> <style type="text/css"> body * { border:1px solid black; list-style-type: none; margin:20px; padding:10px; display:block; } </style> </head> <body> <div>Phần tử cấp 1 <div>Phần tử cấp 2 <ul>Phần tử cấp 3 <li>Phần tử cấp 4 <span>Phần tử cấp 5 (Lưu ý, 2 đường viền ngoài cùng là của phần tử body và html, 2 phần tử này cũng là tổ tiên của phần tử span)</span> </li> </ul> </div> </div> </html>