Как получить простой текст рядом с элементом HTML с помощью jQuery?

Question

<span>
    <label for="305">
        <input type="checkbox" name="305" style="vertical-align: middle;" value="305" id="305"> Farming General
    </label>
</span>

Как мне получить текст " Farming General ", используя jQuery. Пожалуйста, не просите меня изменить структуру HTML

Answer 1

Вы можете получить его с помощью селектора идентификаторов, перейдя к .parent() и используя .text() следующим образом:

​$("#305").parent().text()
//or:
$("label[for='305']").text();

Хотя идентификаторыначинающиеся с числа недействительны до HTML5, просто имейте ввиду:)

---

Вы также можете получить его без jQuery, например:

document.getElementById("305").nextSibling.nodeValue

Хотя вы можете захотетьобрежьте его с помощью $.trim(), например:

$.trim(document.getElementById("305").nextSibling.nodeValue)

Answer 2

Я думаю, это самое простое.

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