Метод children

Метод children фақатгина элементнинг бевосита болаланрини қайтаради, матн туғунларини қайтармайди. Барча болаланрни, матн ва изоҳларни ҳам қўшиб қайтариш учун contents методидан фойдаланинг.

Синтаксис

Бевосита болаланрни олиш:

javascript.children();

Болаланрни берилган селектор буйича фильтрлаш ҳам мумкин:

javascript.children(селектор);

Мисол

Келинг div тегининг барча бевосита болаланрини топайлик ва уларнинг охирига '!' ни append методи ёрдамида қўшайлик:

html<div>
  <p>матн</p>
  <p>матн</p>
  <p>матн</p>
</div>
javascript$('div').children().append('!');

HTML код шундай кўринишага эга бўлади:

html<div>
  <p>матн!</p>
  <p>матн!</p>
  <p>матн!</p>
</div>

Мисол

Келинг энди www синифига эга булган барча бевосита болаланрни топайлик:

html<div>
  <p class="www">матн</p>
  <p class="www">матн</p>
  <p>матн</p>
</div>
javascript$('div').children('.www').append('!');

HTML код шундай кўринишага эга бўлади:

html<div>
  <p class="www">матн!</p>
  <p class="www">матн!</p>
  <p>матн</p>
</div>

Қаранг

  • contents метожи,
    у элементнинг болаланрини ва ушбу элемент ичидаги матнни олиш имконини беради
  • parent метожи,
    у элементнинг ота-онасини олиш имконини беради
  • parents метожи,
    у элементнинг барча ота-оналарини олиш имконини беради
  • JavaScript ҳоссаси children,
    у ўзида бола элементларнинг псевдомассивини сақлайди