[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Работа с DOM
alex12060
Всем привет! Есть такой хтмл код:


<body>
<div
id="c_0">
<div
id="j_0">
<div
id="help">444</div>
<div
id="p_button">1</div>
</div>

<div
id="j_1">
<div
id="help">444</div>
<div
id="p_button">2</div>
</div>

<div
id="j_2">
<div
id="help">444</div>
<div
id="p_button">3</div>
</div>
</div>
</body>



Задача состоит в том, что нужно получить значение каждого див элемента с айдишником p_button с начала до конца. Все реализуется с помощью перебора each() методом, но, загвостка в том, что не известно, какой номер j имеет элемент.

Т.е. если вкратце пояснить суть, то в блоке #c_0 нужно пройтись по всем j_* и проделать дела с div#p_button.

Делал так:


var $cid = 0;

$(document).ready(function() {
//alert($('#c_'+$cid).next().hide());

$('#c_'+$cid).next().find('#p_button').each(function() {
if ($(this).hasClass('p_active')) {
$(this).removeClass('p_active');
$(this).find('span[name=price]').show();

//alert('yep !');

$("#calc_total_price span").text($nPrice - parseInt($(this).attr('price')));
} else {
alert('no !');
}
}
);
});


Но не выходит. Некст работает не так, как мне надо. В общем, уже час ломаю голову над простенькой задачей по перебору дома. Помогите кто чем может :)



Спустя 1 час, 6 минут, 37 секунд (20.07.2012 - 13:57) Michael написал(а):
$(document).ready(function(){
var x = 0;
var $els = $('#c_0').find('div[id^=j_] div[id=p_button]');
//alert($els.length);
$els.each(function(){
x += parseInt($(this).text());
});
alert(x);
});


p.s. Вообще то id-шники уникальными должны быть на странице.

Спустя 13 минут, 6 секунд (20.07.2012 - 14:11) dadli написал(а):
alex12060
$("#c_0 [id^=j_] #p_button").each( function () {

alert( $(this).html() );

});


?

Спустя 1 день, 31 минута, 57 секунд (21.07.2012 - 14:42) alex12060 написал(а):
dadli

Странно, вот вчера так пробовал на работе - не получалось. Сейчас пробую - работает. Ух, крайне странно, видимо, что-то вчера не так написал. Спасибо тебе.

Michael

Спасибо огромное, у тебя тоже хороший и рабочий, но чуть чуть сложноватый код.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.