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());