Javascript Jquery获取嵌套选择器的文本而不是子对象

如何访问关键字文本，例如java On click关键字移除类

首先，它超出了关键字删除范围，不能使用

$（this）

。 我想访问嵌套的选择器范围文本

<span class="keyword">
  <span class="keyword-remove"></span>
  <span class="keyword-text">java</span>
</span>

$(document).on("click",".keyword-remove", function(){

});

JAVA
$（文档）。在（“单击“，”.keyword remove”，函数（）上{
});

由于

单击事件在
span
上，因此它不能为空。如果为空，则无法单击它。在span中输入一些数据后，使用
同级
功能选择
同级
span
，然后打印
文本内容
。或者，可以使用
.next
代替
同级


$（文档）。在（“单击”、“.keyword remove”上，函数（）{
console.log（$（this.sibbines（'span'）[0].textContent）
});

第一个span java
用于选择所单击元素的下一个同级


$（文档）。在（“单击”、“.keyword remove”上，函数（）{
console.log（$（this）.next（'.keyword text'）.text（））
});

去除
JAVA
您可以使用以下代码块-

$(document).on("click",".keyword-remove", function(){
  console.log($(this).next().find('.keyword-text').text())
});

工作示例-
就个人而言，我会使用
最近的（）
与下面的
find（）
搭配使用。原因是，这将从等式中删除位置逻辑，并且您只依赖父子关系


$（文档）。在（“单击”、“.keyword remove”上，函数（）{
console.log（$（this）.closest（'.keyword'）.find（'.keyword text'）.text（））；
});

X
JAVA
Hi@Zubair，你能详细说明你的问题吗？所以选择下一个同级项单击执行关键字移除类，然后从嵌套选择器（span）中获取文本（java）。奇怪的是，你混合使用了jquery和非jquery