jquery得到兄弟元素并且根据其innerHtml修改他的innerHtml

$('#id')siblings()

当前元素所有的兄弟节点

$('#id')prev()

当前元素前一个兄弟节点

$('#id')prevaall()

当前元素之前所有的兄弟节点

$('#id')next()

当前元素之后第一个兄弟节点

$('#id')nextall()

当前元素之后所有的兄弟节点

这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。

比如：$("#table tr")获取所有table里面的tr标签，

通过对比("#table tr")eq(i)的id与当前tr的id，获取i的值，在根据i之前的值就可以获取该tr之前所有的tr。

不知道这个方法合不合适，也许有更好的方法~

jQuery 选择器中 :last 表示最后一个元素，所以表示含有某类属性的最后一个元素可用如下代码表示

1

$("test-class:last") // 表示最后一个属于test-class类的元素

示例如下：

创建Html元素

<div class="top">

<ul>

<li>list-1</li>

<li class="selected">list-2</li>

<li class="selected">list-3</li>

<li>list-4</li>

<li class="selected">list-5</li>

</ul>

<span>红色列表项表示属于selected类，d出框显示了最后一个属于selected类的元素的内容</span>

</div>

设置css样式

divtop{margin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;}

li{padding:5px;}

liselected{color:red;font-weight:bold;}

span{color:#999;}

编写jquery代码

$(function(){

$("ul")click(function() {

alert($("liselected:last")text());

});

})

$("tbody td:odd")click(function(){

$(this)text();//当前单元格得值

var input_value = $(this)prev()children(":input")val(); //的单元格的值和被点击的单元格同 //一行且是被点击单元格前一个兄弟节点的INPUT的value

});

以上就是关于jquery得到兄弟元素并且根据其innerHtml修改他的innerHtml全部的内容，包括:jquery得到兄弟元素并且根据其innerHtml修改他的innerHtml、jquery获取当前标签前面所有兄弟标签、jquery当前选择的最后一个兄弟元素怎么表示等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！