Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Выбрать элемент по атрибуту из переменной (https://javascript.ru/forum/jquery/43166-vybrat-ehlement-po-atributu-iz-peremennojj.html)

Teclis23 25.11.2013 10:16

Выбрать элемент по атрибуту из переменной
 
Есть код такого вида:

Код:

<div class="PItem" data-id="1" data-name="Первый" data-description="Описание первого блока" data-date="1999" data-category="категория 3">блок 1</div>
<div class="PItem" data-id="2" data-name="Второй" data-description="Описание ВТОРОГО блока" data-date="2005" data-category="категория 1">блок 2</div>
<div class="PItem" data-id="3" data-name="Третий" data-description="Описание ТРЕТЬЕГО блока" data-date="2011" data-category="категория 2">блок 3</div>
<div class="PItem" data-id="4" data-name="Четвёртый" data-description="Описание ЧЕТВЁРТОГО БЛОКА" data-date="2022" data-category="категория 1">блок 4</div>
<hr />
<div id="result"> </div>

Нужно вывести все элементы PItem отбирая по data-id через переменную

Код:

$(document).ready(function(){
var i = 0;
var LastId = $('.PItem').last().attr('data-id');
var ResultBlock = $('#result');


while ( i <= LastId ) {
var ThisItem = Как правильно задать селектор с выбором по атрибуту через переменную?

$(ResultBlock).html(ThisItem+"<br>");

i++

};

});

Как правильно задать селектор с выбором по атрибуту через переменную?

Что то вроде var ThisItem = $('.PItem' ["data-id="$(i)]); только как записать верно я не соображу

Teclis23 25.11.2013 11:35

Что то я накуралесил с утра пораньше. =)
Всё получилось у самого:

Код:

$(document).ready(function(){
var i = 0;
var LastId = $('.PItem').last().attr('data-id');
var ResultBlock = $('#result');

for ( i=0; i <= LastId; i++ ) {

var ThisItem = $(".PItem[data-id='" +i+ "']").attr("data-description");

$(ResultBlock).append(ThisItem);

};
});



Часовой пояс GMT +3, время: 13:09.