JQuery Selecione o texto ao lado de uma caixa de seleção de entrada?

Question

Usando o jQuery, existe uma maneira simples de selecionar o texto imediatamente após uma caixa de seleção?

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

Quero usar o jQuery para selecionar esse "texto muito importante". menos  

Answer 1

Melhor solução pode ser embrulhar o texto em um label elemento:

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

Você pode então obter o texto assim:

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

Isso também melhora a semântica do seu documento.

Answer 2

Para fazer o que você disse:

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

Você pode precisar apará -lo, porém, não tenho certeza sobre o  :

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