Jquery 从子元素中查找下一个并预览子元素单击
我看到很多类似的问题,但我找不到解决办法 当我点击Jquery 从子元素中查找下一个并预览子元素单击,jquery,html,Jquery,Html,我看到很多类似的问题,但我找不到解决办法 当我点击targetclass时,我想找到下一个targetclass。这是我到目前为止所做的,但似乎不起作用 提前谢谢你 $(文档).ready(函数(){ $('.target')。单击(函数(){ 如果($(this.parent().next().is('.target')){ var link=$(this.parent().next().is('.target'); console.log(link.text()); } }) })
target
class时,我想找到下一个target
class。这是我到目前为止所做的,但似乎不起作用
提前谢谢你
$(文档).ready(函数(){
$('.target')。单击(函数(){
如果($(this.parent().next().is('.target')){
var link=$(this.parent().next().is('.target');
console.log(link.text());
}
})
})
-
第一个描述
-
第二种描述
-
第三种描述
-
第四种描述
$(文档).ready(函数(){
$('.target')。单击(函数(){
console.log($(this.parent().next('li').find('.target').text());
console.log($(this.parent().next('li').find('div').hasClass('target'))
if($(this).parent().next('li').find('div').hasClass('target')){//true,如果存在下一个具有div且类名为target的父级li
}
})
})
-
第一个描述
-
第二种描述
-
第三种描述
-
第四种描述
$(文档).ready(函数(){
$('.target')。单击(函数(){
console.log($(this.parent().next('li').find('.target').text());
console.log($(this.parent().next('li').find('div').hasClass('target'))
if($(this).parent().next('li').find('div').hasClass('target')){//true,如果存在下一个具有div且类名为target的父级li
}
})
})
-
第一个描述
-
第二种描述
-
第三种描述
-
第四种描述
您的下一个()
元素将是,而doing.is('.target')
您正在检查是否具有类.target
。我认为最好是执行.find('.target')
而不是.is('.target')
$(文档).ready(函数(){
$('.target')。单击(函数(){
var nextParent=$(this.parent().next();
如果(下一租金长度){
log(nextParent.find('.target').text());
}否则{
console.log(“行结束”);
}
})
})
-
第一个描述
-
第二种描述
-
第三种描述
-
第四种描述
您的下一个()
元素将是,而doing.is('.target')
您正在检查是否具有类.target
。我认为最好是执行.find('.target')
而不是.is('.target')
$(文档).ready(函数(){
$('.target')。单击(函数(){
var nextParent=$(this.parent().next();
如果(下一租金长度){
log(nextParent.find('.target').text());
}否则{
console.log(“行结束”);
}
})
})
-
第一个描述
-
第二种描述
-
第三种描述
-
第四种描述
这是我应该做的:
$('.target').click(function() {
console.log($(this).closest("li").next().find(".target").text());
})
这是我应该做的:
$('.target').click(function() {
console.log($(this).closest("li").next().find(".target").text());
})
您可以使用.parent()/.closest()/.parents()
查找当前单击元素的父元素,并使用.next()
查找下一个元素和.find()
查找目标
$(文档).ready(函数(){
$('.target')。单击(函数(){
console.log($(this.closest(“li”).next().find('.target').text());
});
});代码>
-
第一个描述
-
第二种描述
-
第三种描述
-
第四种描述
您可以使用.parent()/.closest()/.parents()
查找当前单击元素的父元素,并使用.next()
查找下一个元素和.find()
查找目标
$(文档).ready(函数(){
$('.target')。单击(函数(){
console.log($(this.closest(“li”).next().find('.target').text());
});
});代码>
-
第一个描述
-
第二种描述
-
第三种描述
-
第四种描述
$(this).parent().next()
将指向父级li
的兄弟,您能详细说明您需要什么吗?我想从child元素中找到下一个子元素$(this).parent().next()
将指向父级li
的兄弟,你们能详细说明你们需要什么吗?我想从子元素中找到下一个子元素你们是对的,但我需要那个条件。有没有办法做到这一点?一个条件?请澄清一点对不起,我需要更多的信息。。你想要什么条件?我会解释更多,看看这把小提琴:。我有另一个代码结构,就像我在代码段中描述的那样,而这一段就像小提琴一样。但当我设置代码结构时,我找不到下一个和上一个元素。@TeutaKoraqi很乐意帮助mate happy编码:)你是对的,但我需要那个条件。有没有办法做到这一点?一个条件?请澄清一点对不起,我需要更多的信息。。你想要什么条件?我会解释更多,看看这把小提琴:。我有另一个代码结构,就像我在代码段中描述的那样,而这一段就像小提琴一样。但是当我放置代码结构时,我找不到下一个和上一个元素。@TeutaKoraqi很乐意帮助mate happy编码:)我需要这个条件,我想检查是否有正确的下一个目标。@TeutaKoraqi检查更新。是的