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