JQuery Selecione o texto ao lado de uma caixa de seleção de entrada?
-
23-09-2019 - |
Pergunta
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" /> Very important text.
</li>
<li>bleh..</li>
Quero usar o jQuery para selecionar esse "texto muito importante". menos
Solução
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.
Outras dicas
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());
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow