javascript - Jquery获取嵌套选择器的文本而不是 child

Question

如何访问关键字文本，例如 java 单击关键字删除类。

首先它在关键字删除范围之外不能使用$(this)。我想访问嵌套的选择器跨度文本。

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

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

});

Answer 1

由于 click 事件发生在 span 上，因此不能为空。如果它是空的，则无法单击它。在 span 中输入一些数据后，使用 siblings 函数选择 sibling span 并打印 textContent。或者可以使用 .next 代替 siblings

$(document).on("click",".keyword-remove", function(){
   console.log($(this).siblings('span')[0].textContent)
   });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="keyword"><span class="keyword-remove">First span </span><span class="keyword-text">java</span></span>