JQuery選擇輸入複選框旁邊的文本？

Question

使用JQuery，有一種簡單的方法可以在複選框後立即選擇文本嗎？

<li>bleh..</li> 
<li> 
    <input type="checkbox" id="cbx1" value="10" />&nbsp;Very important text. 
</li> 
<li>bleh..</li> 

我想用jquery選擇「非常重要的文本」。減去 

Answer 1

更好的解決方案可能是包裹在一個文本label元素：

<li> 
    <input type="checkbox" id="cbx1" value="10" /> 
    <label for="cbx1">Very important text.</label> 
</li> 

然後你就可以得到像這樣的文本：

var text = $('label[for="cbx1"]').text(); 

這也改進了文檔的語義。

Answer 2

要做到你所說的話：

var text = $('#cbx1').parent().text(); 

您可能需要，雖然修剪它，不知道的 ：

var text = $.trim($('#cbx1').parent().text());