javascript - 使用 jquery,如何获取 li 元素的 "inner text"?

标签 javascript jquery selector

<分区>

我有以下 html,我正在尝试找出正确的选择器逻辑来读取某些部分。 注意:我无法更改 html,因为它是由插件生成的。

  <li class="select2-selection__choice" title="">
      <span class="select2-selection__choice__remove" role="presentation">×</span>
    MS Office
 </li>
 <li class="select2-selection__choice" title="">
      <span class="select2-selection__choice__remove" role="presentation">×</span>
    Photoshop
 </li>

我正在尝试读出

中的文字
 <li class="select2-selection__choice">

但不包括

 <span class="select2-selection__choice__remove">

所以对于上面的示例,我希望解析出以下文本:

 MS Office, Photoshop

最佳答案

这样试试

$('.select2-selection__choice').each(function() {
    var text = $(this).clone().children().remove().end().text();
    console.log(text.trim());
});

片段

$('.select2-selection__choice').each(function() {
    var text = $(this).clone().children().remove().end().text();
    console.log(text.trim());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="select2-selection__choice" title="">
      <span class="select2-selection__choice__remove" role="presentation">×</span>
    MS Office
 </li>
 <li class="select2-selection__choice" title="">
      <span class="select2-selection__choice__remove" role="presentation">×</span>
    Photoshop
 </li>

关于javascript - 使用 jquery,如何获取 li 元素的 "inner text"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32918306/

相关文章:

javascript - 在页面加载时删除特定的 CSS 规则或选择器

javascript - 根据单词数组替换句子中所有出现的特定单词

javascript - 特定类型的数组,以及可能的好处和浏览器支持

javascript - 如何更改链接的文本和功能?

ios - C功能指针到SEL

javascript - 删除第一个字符并添加值

jquery - 如何更改表 td 的顺序以实现响应式?

javascript - 正确获取元素值(ASP.NET MVC)

php - 页面加载时加载,而不是单击时加载等(ajax,php)

ios - 发送了无法识别的选择器。 Objective-C 错误