javascript - 如何通过jquery从某个元素获取文本的一部分

标签 javascript jquery

我正在尝试获取第一个 li 内的文本:

<li data-type="course" value="1">
   This Is Some Course
   <ul class="submenu-widget" style="">
      <li data-type="section" value="3">&nbsp;- This Is Some Section
      </li>
      <li data-type="section" value="4">&nbsp;- This Is Another Section
      </li>
      <li data-type="section" value="5">&nbsp;- This Is Some Section - Copy
      </li>
      <li data-type="section" value="8">&nbsp;- This Is Some Section - Copy - Copy
      </li>
      <li data-type="section" value="9">&nbsp;- This Is Some Section - Copy
      </li>
      <li data-type="section" value="10">&nbsp;- This Is Some Section - Copy
      </li>
      <li data-type="section" value="11">&nbsp;- This Is Some Section - Copy
      </li>
      <li data-type="section" value="12">&nbsp;- This Is Some Section - Copy
      </li>
      <li data-type="section" value="13">&nbsp;- This Is Some Section - Copy
      </li>
   </ul>
</li>

我尝试过:

var course_name = ui.item.parent().parent().text();

但它也返回所有部分的文本..但我希望它返回“This Is Some Course”。

最佳答案

<强> Working fiddle

您可以使用 :first 选择器:

$('.submenu-widget li:first').text();

如果您想获取 th ul 之外的 li,您可以使用数据属性选择它:

$("li[data-type='course']").text();

希望这有帮助。

关于javascript - 如何通过jquery从某个元素获取文本的一部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35605322/

相关文章:

Javascript - 将参数传递给调用另一个函数的函数

jquery - 与 jQuery mouseout 事件的混淆

jquery - 在另一个 html 中显示 JSON 响应

javascript - 当 JavaScript 动态添加行时,单选按钮功能无法正常工作

javascript - XHR 请求上的 500 内部服务器错误

javascript - Ace 编辑器无法与 bootstrap 配合使用

javascript - 如何更改onclick视频源?

javascript - 之前,不替换

javascript - 需要在 typescript 中为以 "abcd_"开头的字符串编写正则表达式,并且仅允许字母数字字符和下划线

javascript - 如何使用 Jquery 检查 div 的高度是否大于 700px?