设置 div 的 HTML 以包含其自己的唯一值

Question

我正在创建一个允许管理员在网站内编辑文章的页面。

我开发了一个运行PHP while循环的小脚本，在div中吐出图像。每个div都有一个唯一的键值，在这种情况下是$i，从而在循环中给每个div一个值'1'，'2'，'3'等。

注意:我的PHP没有问题，键在while循环中工作得很好。

问题:

我只是想做的是将'num'div的.html设置为其值，这是为了说明当前图像id是什么。我可以通过在开始和结束div标记之间放置键来轻松地做到这一点，但是PHP作为服务器端不适合我，因为我允许用户删除图像，如果他们选择的话，这将打乱顺序。我还希望避免对应该是简单的函数使用AJAX。我只是想在别人提出这个问题之前把它放在这里。

键在控制台中显示良好，并且在PHP方面都能正常工作，但是jQuery我似乎有一个艰难的时间。

如果有人能给我指个方向，我将不胜感激。

谢谢,富有。

jQuery:

var myVal = $('.num').attr('value');
$(this, '.num').html(myVal);

PHP(这个工作正常):

while($row3 = mysql_fetch_assoc($res3)){
$images = unserialize(base64_decode($row3['image']));
$imgCount = count($images);
echo "<ul class='text2'>";
    foreach ($images as $index => $img_url){
        $i = $index + 1;
        echo "
<li data-id='$i'>
<div class='x'></div>
<div class='num' style='margin: 0 0 0 30px; display: inline; padding: 5px 0 0 0;' value='$i'></div><br/><br/>
<img src='images/".$img_url."' width='400px' height='auto' style='border: 1px solid #fff;'/>
<input type='hidden' name='oldCnt' id='oldCnt' value='$imgCount' data-id='$index'/>
<input type='hidden' name='img2[]' id='img2[]' value='$img_url'/>
</li>
";
    }
echo "</ul>";
}

Answer 1

$('.num').attr('value')将始终检索页面上第一个 .num元素的值，而不是每个元素。您需要使用.each()循环。或者，您可以利用.html()可以被给定一个函数参数的事实，它将自动循环。

$('.num').html(function() {
    return $(this).attr('value');
});