jQuery ID Выбор динамический

Question

Не уверен, что это можно сделать, как я приближаюсь к нему. Тут ничего не происходит. Я повторяю изображения из сценария загрузки php, каждый img имеет уникальный идентификатор, который начинается с A1, A2, A3, A4 и так далее. Теперь я могу выбрать «Идентификатор img» и создать действие, которое я хочу, однако я должен сделать это для каждого идентификатора, я не смогу это сделать, поскольку будут созданы новые. Как бы я сказал jQuery сделать то же самое с A1 (A2, A3) Какой-то Приращение.

JS

$(document).ready(function(){ 
    $("#1 ").hover(
    function(){ 
    $("#A1").slideDown(); 
    }, 

    function(){ 
    $("#A1").slideUp(); 
    }); 
}); 

$(document).ready(function(){ 
    $("#2 ").hover(

    function(){ 
    $("#A2").slideDown(); 
    }, 
    function(){ 
    $("#A2").slideUp(); 
    }); 
}); 

PHP

$i= 0; while(($file = $myDir->read()) !==false){ 
    if(!is_dir($file)){ 
    $i++; 
    //echo "Filename: $file<br/>"; 
    echo "<div id='images'>"; 
    echo "<p>"; 
    echo "<a id='$i'href=\"display/$file\"><img src=\"thumbs/$file\" /> </a>\n"; 
    echo "</p>"; 
    echo"</div>"; 
    echo "<div id='imageHolder' >"; 
    echo "<img id='A$i' style='display:none' src=\"display/$file\" />"; 
    echo"</div>"; 
    } 
} 

Answer 1

Как ваши новинки были сгенерированы? На загрузке страницы, или вы используете запрос ajax через jQuery? В любом случае, вы можете выбрать все элементы, которые начинаются с некоторого значения (например, «A») таким образом:

$("a").hover(
    function(){ 
     $(this).find(img[id^='A']).slideDown(); 
    }, 
    function(){ 
     $(this).find(img[id^='A']).slideUp(); 
}); 

Кто-то не стесняйтесь, чтобы помочь мне, если я уезжаю здесь.

UPDATE

Спасибо, ребята - А что-то вроде этого?

$("a").hover(
    function(){ 
     id = $(this).attr('id'); 
     $("#A"+id).slideDown(); 
    }, 
    function(){ 
     id = $(this).attr('id'); 
     $("#A"+id).slideUp(); 
}); 

Это ищет все ссылки на странице и использует идентификатор (для вашего кода) для поиска элементов слайда. Если вы создаете их динамически, вы захотите включить это внутри функции и снова вызвать его на ajaxComplete.

Answer 2

Я бы яваскрипта массив, который содержит все идентификаторы объектов. Затем вы можете просто пройти через массив, и для каждого id выполните работу, которую вы хотите сделать.

Answer 3

Используйте jQuery.live() для «постоянных» обработчиков событий (если вы динамически добавляете изображения на страницу) или используйте jQuery.each() для итерации по всем экземплярам.

В конце концов, это будет что-то вроде этого (без использования живых событий):

$("a:has(img.my_image)").each(function(){ 
    $(this).hover(
     function(){$(this).slideDown();}, 
     function(){$(this).slideUp();} 
    ); 
});