jQuery选择器-->当前元素的父元素的兄弟元素的子元素

<script>
    // jQuery 加载函数
    $(function () {
        // 设置文本框的readonly属性
        $(":text").attr("readonly","readonly");
        // 点击事件
        $(":text").click(function () {
            // 获取当前元素的父元素的指针 也就是 爸爸在他们的兄弟中排行老几
            var i = $(this).parent().index();
            // 我>大儿子的>第几个小儿子
            var name = $("table tr:first-child td:eq("+i+")").html();
            // ☆☆☆ 当前元素的父元素的兄弟元素的子元素
            var id = $(this).parent("td").siblings("td").find("input:first-child").val();
         var username = $(this).parent("td").siblings("td:nth-last-of-type(2)").find("input").val();
                 // 对话框 window.prompt(标题,默认值)
            prompt("修改  id:"+id+",用户名:"+username+"的"+name,$(this).val());
        });
    });
</script>

2019-10-31--11:50:06

原文地址:https://www.cnblogs.com/xxing/p/11770367.html

时间: 2024-08-07 12:42:21

jQuery选择器-->当前元素的父元素的兄弟元素的子元素的相关文章

jquery选择器 之 获取父级元素、同级元素、子元素(转)

一.获取父级元素 1. parent([expr]): 获取指定元素的所有父级元素 <div id="par_div"><a id="href_fir" href="#">href_fir</a><a id="href_sec" href="#">href_sec</a><a id="href_thr" href=&quo

jquery选择器如何获取父级元素、同级元素、子元素

一.新建页面 1 <ul> 2 <li>list item 1</li> 3 <li>list item 2</li> 4 <li class="third-item">list item 3</li> 5 <li>list item 4</li> 6 <li>list item 5</li> 7 </ul> 8 9 <p>Hell

jquery选择器 之 获取父级元素、同级元素、子元素

一.获取父级元素 1. parent([expr]): 获取指定元素的所有父级元素 href_fir href_sec href_thr href_fiv $(document).ready(function(){ $("a").parent().addClass('a_par'); }); firebug查看jquery parent效果 二.获取同级元素: 1.next([expr]): 获取指定元素的下一个同级元素(注意是下一个同级元素哦) list item 1 list it

jquery选择器 之 获取父级元素、同级元素、子元素 (转载)

一.获取父级元素 1. parent([expr]): 获取指定元素的所有父级元素 <div id="par_div"><a id="href_fir" href="#">href_fir</a><a id="href_sec" href="#">href_sec</a><a id="href_thr" href=&quo

jQuery中兄弟元素、子元素和父元素的获取

我们这里主要总结jQuery中对某元素的兄弟元素.子元素和父元素的获取,原声的Javascript代码对这些元素的获取比较麻烦一些,而jQuery正好对这些方法进行封装,让我们更加方便的对这些元素进行获取和操作. jQuery提供的方法 上来就把jQuery提供的方法摆在这里是不是有点不好呀,不过,我们从jQuery的方法名称上就能知道这些方法是干嘛的了. parent(selector) 查找父元素,可传入selector进行过滤(下同) parents(selector) 查找所有的祖先节点

jQuery选择器选择元素的方法完整篇

    1. 先说说通过位置选择的几个操作: :first:默认情况下是相对整个页面来说的第一个,如:li:first表示整个页面的第一个li元素,而ul li:first表示整个页面的第一个li元素,并且是在ul下的子元素: :last:同上了,只是是最后一个而已: :first- child:为每个父元素匹配第一个子元素,如li:first-child返回每个ul的第一个li元素.可以这样理解,页面中的元素有相同的父元素 的,并且里面又包含li元素的,那么就取第一个li元素,每个子类集合都要

jQuery使用(四):DOM操作之查找兄弟元素和父级元素

查找兄弟元素 向下查找兄弟元素 next() nextAll() nextUntil() 向上查找兄弟元素 prev() prevAll() prevUntil() 查找所有兄弟元素 siblings()  1.1.1.next()方法用来查找下一个兄弟元素,可以传参也可以不传参.参数可以是任意jQuery选择器,表示如果下一个元素如果是指定的元素就选定.当没有选中指定的元素时,jQuery链式调用还是保持原来的jQuery对象. <!-- next --> <button>点我&

jQuery获取所有父级元素及同级元素及子元素的方法

1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素,依次上溯 2.获取同级元素 $("#id").next(selector) 获得匹配元素紧邻的下一个同胞元素.如果提供选择器,则取回匹配该选择器的下一个同胞元素. $("#id").nextAll(selector) 获

子元素浮动后、父元素的高度自适应

一.普通情况下,即没有任何浮动样式等的情况下 设置父元素的高度为aotu 或100% 或者不设置,那么父元素会根据子元素的高度而自动调整自身高度. 栗子 <!--html代码--> <div id="wrap"> <img src="./1.png" alt="logo"/> <div id="content"></div> </div> CSS样式 #w

【父元素parent】【子元素children】【同胞siblings】【过滤】

1.父元素 $("span").parent()           //定位到span的父元素 $("span").parents()          //定位到span的所有父元素 $("span").parents("ul")          //定位到span的ul父元素 $("span").parentsUntil("div");              //指定span