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检查更新。是的