获取标签的文本没有给定这个HTML孩子输入

Question

：

<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

Answer 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>

这将让该元素的文本和修剪任何空白。

Answer 2

可以使用的.text（）属性 这里是代码

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

例如在http://jsbin.com/dukokucuku/edit?html,js,output