JQuery выбирает текст рядом с флажком ввода?
-
23-09-2019 - |
Вопрос
Есть ли простой способ выделить текст сразу после флажка с помощью JQuery?
<li>bleh..</li>
<li>
<input type="checkbox" id="cbx1" value="10" /> Very important text.
</li>
<li>bleh..</li>
Я хочу использовать jQuery, чтобы выбрать этот «очень важный текст». минус
Решение
Лучшим решением может быть обертывание текста в label
элемент:
<li>
<input type="checkbox" id="cbx1" value="10" />
<label for="cbx1">Very important text.</label>
</li>
Затем вы можете получить текст следующим образом:
var text = $('label[for="cbx1"]').text();
Это также улучшает семантику вашего документа.
Другие советы
Чтобы сделать то, что вы сказали:
var text = $('#cbx1').parent().text();
Возможно, вам придется его обрезать, не уверен насчет
:
var text = $.trim($('#cbx1').parent().text());
Не связан с StackOverflow