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(); 
    }); 
});