jQuery的嵌套选择器获取文本不是孩子

Zubair 发表于 Dev

祖拜尔

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

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

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

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

});

省略

由于该click事件在上span，因此不能为空。如果为空，则无法单击它。在跨度中输入一些数据后，sibling span使用siblings功能选择并打印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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。