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

时间:2015-10-23 23:51:43

标签: javascript jquery

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

我开发了一个小脚本,它运行PHP while循环,在div中吐出图像。每个div都有一个带键的唯一值,在本例中为$i,从而为循环中的每个div赋值'1','2','3'等等。

注意:我的PHP没有问题,键在while循环中完美运行。

问题:

我只是想做的就是将'num'div的.html设置为其值,这是为了说明当前图像ID是什么。我可以通过将键放在开始和结束div标签之间来轻松完成此操作,但是服务器端的PHP不会对我有用,因为我允许用户在他们选择时删除图像,这会弄乱订单。我也想避免使用AJAX来实现简单的功能。我以为在任何人建议之前我都会把它丢在这里。

键在控制台中显示正常,并且在PHP方面都能正常工作,但是jQuery我似乎很难处理。

如果有人能指出我正确的方向,我们将不胜感激。

谢谢,Rich。

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>";
}

1 个答案:

答案 0 :(得分:1)

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

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