JQuery选择输入复选框旁边的文本?

时间:2010-03-30 02:16:17

标签: jquery jquery-selectors

使用JQuery,有一种简单的方法可以在复选框后立即选择文本吗?

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

我想用jquery来选择“非常重要的文字”。减去&nbsp;

2 个答案:

答案 0 :(得分:13)

更好的解决方案可能是将文本包装在label元素中:

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

然后你可以这样得到文字:

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

这也改善了文档的语义。

答案 1 :(得分:8)

做你说的话:

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

您可能需要修剪它,不确定&nbsp;

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