获取没有子输入的标签文本答案

【问题标题】：Getting the text of a label without a child input获取没有子输入的标签文本
【发布时间】：2018-02-09 16:43:04
【问题描述】：

给定一个 HTML：

<div class="checkbox">
  <label>
    <input id="data_point_occupation" value="occupation" type="checkbox">
    Occupation
  </label>
</div>

我想获取标签（“职业”）的文本内容，而不是其他任何内容。由于我已经在页面上使用了 jQuery，所以我决定尝试使用 jQuery 来获取它。所以我尝试了以下方法：

var label = $("#data_point_occupation").parent("label").contents().get(0).nodeValue
console.log(label) // outputs what looks like just white space
console.log(label.length) // outputs 25

我在this question 中尝试了一些其他变体，但所有变体都有相似的结果。

我怎样才能得到这个标签的文字？

相关但未回答我的问题： jQuery - select the associated label element of a input field

【问题讨论】：

标签： jquery jquery-selectors

【解决方案1】：

我想这就是你要找的东西：

var label = $("#data_point_occupation").parent("label");
console.log(label.text().trim())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="checkbox">
  <label>
    <input id="data_point_occupation" value="occupation" type="checkbox">
    Occupation
  </label>
</div>

这将获取元素的文本并修剪任何空白。

【讨论】：

【解决方案2】：

您可以使用 .text() 属性这是代码

$(document).ready(function(){
  alert($("label").text());
});

http://jsbin.com/dukokucuku/edit?html,js,output 上的示例

【讨论】：