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