jquery each and find

最新推荐文章于 2024-09-26 01:42:12 发布

horace_lee

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量87

点赞数

分类专栏： javascript Jquery ext prototype 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/horace_lee/article/details/84399181

版权

javascript Jquery ext prototype 专栏收录该内容

21 篇文章 0 订阅

订阅专栏


$(document).ready(function () {
    var selectedTable = $('table').eq('9');

    $(selectedTable).css('border','10px solid green');

    $(selectedTable).find('tr td').each(function(i) {
        $(this).css('border','10px solid blue');
    });
});



<!DOCTYPE html>
<html>
<head>
  <style>
  ul { font-size:18px; margin:0; }
  span { color:blue; text-decoration:underline; cursor:pointer; }
  .example { font-style:italic; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  To do list: <span>(click here to change)</span>
  <ul>
    <li>Eat</li>
    <li>Sleep</li>

    <li>Be merry</li>
  </ul>
<script>
    $( "span" ).click(function () {
      $( "li" ).each(function(){
        $( this ).toggleClass( "example" );
      });
    });

</script>

</body>
</html>