Jquery通过指定层次关系获取元素

最新推荐文章于 2024-10-25 15:04:44 发布

weixin_30813225

最新推荐文章于 2024-10-25 15:04:44 发布

阅读量91

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/abenmao/archive/2012/02/28/2371878.html

版权

html代码

<body>
    <form id="form1" runat="server">
    <span>dfdfdf</span>
     <label>子节点</label><input type="text" value="背景变成红色"/>
     <fieldset>
         <label>孙节点</label><input type="text" value="背景变成红色" /><span>dfdfdf</span>
         <label>成孙节点</label><input type="text" value="背景变成红色" />
         <input type="text" value="背景变成红色" /><span>dfdfdf</span>
     </fieldset>
    </form>
     <label>form外</label><input type="text" value="背景变成红色" />
    <fieldset>
        <label>form外</label><input type="text" value="背景变成红色" />
         <input type="text" value="背景变成红色" />
    </fieldset>
   <input type="text" value="背景变成红色" />
</body>

Jquery：

<script src="js/jquery-1.6.min.js" type="text/javascript"></script>
    <script type="text/javascript">
       jQuery(function($){
      // $("form input").css("backgroundColor","red");//获得form下面的所有input标签，祖先与父子的关系
      // $("form>fieldset>input").css("color","red"); //获得form下面fieldset下面的所有input标签，父子关系
     //  $("form>fieldset>input").css("backgroundColor","red");
     // $("label+input").css("backgroundColor","red");//获得所有label后面的input标签，label和input必须在一起，前后关系
     $("label~input~span").css("backgroundColor","red");//获得label后面的input后面的span标签
       })
    </script>

转载于:https://www.cnblogs.com/abenmao/archive/2012/02/28/2371878.html