Question

我有以下代碼，請注意，即時通訊這樣一個noob如何可以使用jquery腳本增加div的數量？

 if($res >= 1){ 
     $i=1; 
      while($row = mysqli_fetch_array($qry)){ 

      echo "<div class='imgAddCntr'> 
         <div id='div".$i."' class='contentbox'>  
         //content here 
         </div> 
         <div id='imgAdd'> 
         <img class='images' alt='CDL Training' src='".$imgLInk.$row['img']."'/> 
         </div> 
        </div>"; 
        $i++; 
       } 
      } 

進出口試圖針對上述循環及其DIV值

$(document).ready(function() { 

     $('#div1').hide(); 

      $(".images").hover(
       function() { 
        $("#div1").show(); 
        }, 
       function() { 
        $("#div1").hide(); 
      }); 
    }); 

任何幫助將不勝感激

Answer 1

使用jQuery屬性選擇jQuery("[attribute='value']")

$(document).ready(function() { 
    $('[id^=div]').hide(); 
    $(".images").hover(function() { 
     $(this).closest('div.imgAddCntr').find('[id^=div]').show(); 
    }, function() { 
     $(this).closest('div.imgAddCntr').find('[id^=div]').hide(); 
    }); 
}); 

或乾脆避免id並使用class代替，它無線會是更好的方式來做到這一點

PHP

if ($res >= 1) { 
    while ($row = mysqli_fetch_array($qry)) { 
     echo "<div class='imgAddCntr'> 
         <div class='contentbox'>  
         //content here 
         </div> 
         <div class='imgAdd'> 
         <img class='images' alt='CDL Training' src='".$imgLInk.$row['img']."'/> 
         </div> 
        </div>"; 
    } 
} 

jQuery的

$(document).ready(function() { 
    $('.contentbox').hide(); 
    $(".images").hover(function() { 
     $(this).closest('div.imgAddCntr').find('.contentbox').show(); 
    }, function() { 
     $(this).closest('div.imgAddCntr').find('.contentbox').hide(); 
    }); 
});