1

Есть вот такой div

<tr><td <div ID="stroka" class="sortContainer"> 
<div id = "pol_3" class= "str"><\div>
<div id = "pol_1" class= "str"><\div>
<div id = "pol_2" class= "str"><\div>
</div></td></tr>

Как получить id внутренних div, в том порядке как они стоят?

1
  • @Ринат Давлетбаев, Если вам дан исчерпывающий ответ, отметьте его как верный (нажмите на галку рядом с выбранным ответом). 26 мая 2014 в 5:10

3 ответа 3

8

С помощью jQuery легко выбрать все div'ы внутри данного:

jQuery( '#stroka > div');

Это выбирет все <div> внутри элемента с id=stroka. С угловой скобкой ">" выберутся только те div'ы, что лежат "в корне" div#stroka. Те что дальше внутри-внутри не выберутся. Если и они нужны - тогда без знака "больше":

jQuery( '#stroka div');

Затем нужно пробежаться по ним с помощью each(), а они идут в порядке, как в документе:

jQuery( '#stroka > div').each( function(index, element){ // ... } );

В each() надо положить функцию, которая получит на вход по очереди каждый из найденных элементов. Передается два параметра: index0,1,2 .. N (порядковый номер очередного элемента, и element — сам элемент. В нашем случае очередной внутренний <div>.

Теперь осталось из каждого получить значение атрибута "id". В jQuery для этого есть метод .attr(). Напр., чтобы получить значение атрибута "id": $( element).attr( "id"). Итого, всё вместе:

$( "#stroka > div").each( function( index, element) {
    console.log( "id:", $( element).attr( "id"));
});

Пример с исправленным вашим html на jsfiddle

0
3

у вас неправильно html сформированный, очень много ошибок. вот html вместе с javascript

http://jsfiddle.net/mj5R6/

Пользуйтесь специальными редакторами с подсветкой синтаксиса

1
  • Спасибо.Html я просто для примера составил.Он вообще у меня динамически создаётся. 24 мая 2014 в 10:48
0

function getIdInDiv(id) {
    var stroka = Array.from(document.getElementById(id).children);
    var array = []; // Массив из id
    for (let i = 0; i < stroka.length; i++) {
        array.push(stroka[i].getAttribute('id'));
    }
    return array;
}

alert(getIdInDiv('stroka'));
<tr>
  <td>
    <div id="stroka" class="sortContainer"> 
      <div id = "pol_3" class= "str"></div>
      <div id = "pol_1" class= "str"></div>
      <div id = "pol_2" class= "str"></div>
    </div>
  </td>
</tr>

И без JQuery

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.