jquery复选框,怎么获取被选中复选框的同级元素,或者它的下一个同级元素

兄弟选择

jquery同级其他元素 jquery添加同级元素jquery同级其他元素 jquery添加同级元素


jquery同级其他元素 jquery添加同级元素


$('#id').siblings() 当前元素所有的兄弟

$('#id').prev() 当前元素前一个兄弟

$('#id').prevaAll() 当前元素之前所有的兄弟

$('#id').next() 当前元素之后个兄弟

$('#id').nextAll() 当前元素之后所有的兄弟

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

JQuery,如何清除,除了点击的元素以外,其他所有元素

思路:获取被点击元素之外的元素,使用remove()方法删除。

下面进行实例演示——点击某个div后,删除同级的其余div元素:

1、HTML结构

12

32、jquery代码

$(function(){

$(".test").click(function()

{$(this).siblings().remove();

//

使用siblings获取被点击元素之外的同级元素,然后使用remove()删除

});

});

3、效果演示

选取除了第三个元素

$('.classa').not(eq:3)

除了class中含有opr类名的元素

$(".classa[class!='opr']")

JQuery,如何清除,除了点击的元素以外,其他所有元素

思路:获取被点击元素之外的元素,使用remove()方法删除。

下面进行实例演示——点击某个div后,删除同级的其余div元素:

1、HTML结构

1

2

3

2、jquery代码

$(function(){

$(".test").click(function() {

$(this).siblings().remove(); // 使用siblings获取被点击元素之外的同级元素,然后使用remove()删除

});

});

3、效果演示

亲,直接这样就可以了

var aDiv=$("class1");

aDiv.click(function(){

$(this).siblings().hide();

});

这个问题通过jQuery处理的方法有很多,下面给出两种解决办法:

(1)通过查找兄弟删除

$('.class1').click(function(){

$(this).siblings('.class1').remove();

})

(2)通过克隆,清空main内容

$('.class1').click(function(){

var node = $(this).clone();

$('.main').empty().append(node)

})

其实,jQuery处理的方法有很多,可以尽情发挥,对于这题也有不下于5种解决方案,可以尽情发挥。

怎么用jquery 获取同级div 上一个div的id 跟下一个div的id

$("#div2").prev().attr("id")

$("#div2").next().attr("id")

$('#cur').silbings(); //同级

$('#cur').prev(); //上一个

$('#cur').next(); //下一个

jquery next 遍历本元素后面 所有同级元素,怎么写

$(function() {

$(".d_1").click(function() {

$(this).nextAll(".d_1").each(function() {

$(this).css("background", "gray");

});

});

});

测试通过

function P(n) {

var list= document.getElementsByTagName("td");

if(n<=list.length){

for (var i = n; i < list.length-n; i--) {

//可以直接写遍历方法,例如

alert(list[i].id);

}}

}在$(document).ready(function () {

P(4);

});

t3

1

2

3

4

5

jquery怎样获得同辈的前几个和后几个元素

获取前几个元素,不难,难的是获取后几个元素,尤其是在不知道具体有几个同辈元素的时候,这里给你提供三种方法:

$("p").sl(-3).remove();//选择后三个P标签元素

prevAll()、nextAll()是获取之前和之后的所有同级元素。

$("li.third-").prevAll(); //取得1 itme2

$("li.third-").nextAll(); //取得4 5

prevAll() 查找当前元素之前所有的同辈元素

nextAll() 查找当前元素之后所有的同辈元素

siblings() 查找当前元素所有同辈元素

jquery 如何选取相同class里特定的一个?

可以使用jquery的this实现选取相同class里特定的一个。

具体步骤如下:

需要准备的材料分别是:电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件,js文件。

2、在ue编辑器中输入以下html代码。

3、在ue编辑器中输入以下js代码。

4、编辑完成以后,在ue编辑器中点击保存,格式选择UTF8无BOM。

5、在浏览器中打开此html文件,可以看到终想要实现的选取相同class里特定的一个效果。

可以使用$(this)方法;

语法:$(this).removeClass("appear").addClass("hidden");

why?

因为$("._content").hover()意思是为类名为_content的元素绑定一个鼠标经过.

当鼠标经过某一个_content元素时,我们可以理解为,一个指针正指向这个元素,而$(this)便会直接返回这个指针指向的对象. 所以就不会与其他同名对象冲突.

你好!

$("._content").hover(

function(){

$(this).removeClass("hidden").addClass("appear");

},

function(){

$(this).removeClass("appear").addClass("hidden");

});试试··

把每个_content加上class属性,然后写上对应的function语句

如果.t_status是._content的子元素,可以这样写

$("._content").hover(

function(){

$(this).find(".t_status").removeClass("hidden").addClass("appear");

},

function(){

$(this).find(".t_status").removeClass("appear").addClass("hidden");

});

find也可以用children代替

$("body").find(".className").eq(2);