Question

我试图在点击li项目时显示文字 1a ，但出于某种原因，它同时显示文字 1a 1b 1c ，而我只对点击里面的文字点击。我试着利用这个＆＃39;但还没有运气。小提琴示例在这里=＆gt; https://jsfiddle.net/5x4xbuf9/

   $('li.listItem').on('click',function(){
   var showText =  $('span.a').text();
   alert(showText)
   })
   <li class = "listItem"><span class ="a">1a</span><span class ="b">2a</span></li>
   <li class = "listItem"><span class ="a">1b</span><span class ="b">2b</span></li>
   <li class = "listItem"><span class ="a">1c</span><span class ="b">2c</span></li>

Answer 1

您可以通过传递第二个参数来为您的jQuery选择器提供一些上下文：

var showText =  $('span.a', this).text();

JSFiddle

如果您愿意，可以使用.find()（faster）：

var showText =  $(this).find('span.a').text();

JSFiddle

Answer 2

https://jsfiddle.net/5x4xbuf9/4/

您需要定位当前列表项目

var showText =  $(this).find('span.a').text();

仅显示来自可点击li内的第一个跨度的文本

2 个答案: