Как получить соседний «элемент», если он не элемент, а текст?

Question

[Анатолий]

html код:

<label><input type="checkbox" id="aa" value='111'>222</label>

Зная id, как получить 222?
Что-то типа
document.getElementById('aa').nextSibling.innerHTML
не работает, так как двигается только по элементам

Answer 1

[Анатолий]

document.getElementById('aa').parentNode.lastChild.data
или
document.getElementById('aa').parentNode.childNodes[1].data

Answer 2

[Сергей Соколов]

Вы почти правильно сначала написали. .nextSibling вернёт Node типа TEXT_NODE (3).

document.getElementById('aa').nextSibling.textContent // "222"

Искомый текст одинаково содержится в следующих свойствах узла:

• wholeText - специфичен только для текстового узла;
  
• data - в наследство от CharacterData;
  
• nodeValue в наследство от Node;
  
• textContent тоже от Node.
  

Можно использовать любое из четырёх.

Answer 3

[Daniel]

Думаю, поймёшь где поменять

$('#search-params-countries label').each(function() {
  if ($(this).children().is(':checked'))
    countries.push($(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="search-params-countries" class="search-params-select">
  <h2>Страны</h2>
  <label><input type="checkbox">Индия</label>
  <label><input type="checkbox">Китай</label>
  <label><input type="checkbox">Россия</label>
  <label><input type="checkbox">США</label>
</div>

Comments

[Анатолий]

надо на js, а не jquery