Выберите HTML данные-атрибут с определенным значением

Question

HTML-кодом

<div id="slider"> 
    <?php 
    while($gal = mysql_fetch_assoc($gallerydb)) 
     {?> 
     <img data-store="<? echo $gal["ImageID"] ?>" src="SiteAdministration/ControlCenter/Gal/<? echo $gal["ImgPfad"] ?>"><? 
     }?> 
</div> 

код JQuery

$(document).ready(function() { 

     $('#slider img[data-store='" + 2 + "']').fadeIn(300); 

}); 

HTML-код показывает DIV с некоторым временем конструкцией, которая получает все изображения из и добавляет идентификатор из базы данных (числа).

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

Проблема в том, что img не исчезнет, ​​я предлагаю, чтобы я испортил селектор.

Другой вопрос: как я могу заставить его работать, так что селектор начинает с наименьшего номера идентификатора и заканчивается наивысшим, потому что идентификаторы могут измениться.

Заранее спасибо.

EDIT:

Чтобы решить мою проблему меняющегося ID Я просто создал другую переменную, которая автоматически возрастает. Если кто-то хочет знать решение.

<div id="slider"> 
    <?php 
    $id = 1; 
    while($gal = mysql_fetch_assoc($gallerydb)) 
     {?> 
     <img data-store="<? echo $id++ ?>" src="SiteAdministration/ControlCenter/Gal/<? echo $gal["ImgPfad"] ?>"><? 
     }?> 
</div> 

---

sliderStart = 1; 
sliderNext = 2; 

$(document).ready(function() { 

$('#slider img[data-store="' + 1 + '"]').fadeIn(300); 
startSlider(); 

}); 

function startSlider(){ 

count = $('#slider img').size(); 

loop = setInterval(function(){ 

    if(sliderNext > count) {   
     sliderNext = 1; 
     sliderStart = 1;   
    } 

    $('#slider img').fadeOut(300); 
    $('#slider img[data-store="' + sliderNext + '"]').fadeIn(300); 

    sliderStart = sliderNext; 
    sliderNext = sliderNext + 1; 

}, 3000) 

} 

Answer 1

Что PSL сказал, ваши двойники и синглы неправильный путь вокруг.

Кроме того, я бы не использовал дефисы в ваших пользовательских атрибутах html.