Javascript 使用jquery递增div id
我有下面的代码,请注意,我就是这样一个noob,如何用jquery脚本增加div中的数字Javascript 使用jquery递增div id,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有下面的代码,请注意,我就是这样一个noob,如何用jquery脚本增加div中的数字 if($res >= 1){ $i=1; while($row = mysqli_fetch_array($qry)){ echo "<div class='imgAddCntr'> <div id='div".$i."' class='content
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++;
}
}
如果您有任何帮助,请使用jQuery属性选择器 或者干脆避免使用
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>";
}
}
请提供更多详细信息,你在Unclarit中的问题隐藏了它们,但在悬停时没有显示它们我感谢你的帮助也许我的php没有增加值我很抱歉我的实际代码中有一个拼写错误works@XpSClanMajorPain77字体很高兴帮助你
$(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();
});
});
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>";
}
}
$(document).ready(function() {
$('.contentbox').hide();
$(".images").hover(function() {
$(this).closest('div.imgAddCntr').find('.contentbox').show();
}, function() {
$(this).closest('div.imgAddCntr').find('.contentbox').hide();
});
});