所以我有这样的事情:
<?php foreach($post_array as $post): ?>
<div class="postBodyWrapper">
<div class="vid-link">
<script type="text/javascript">
$(function() {
$(".vidthumb").append("<img class='thumb' src='<?php echo $post->vid_link; ?>'/>");
});
</script>
<div class="vidthumb"></div>
</div>
</div>
<?php endforeach; ?>
假设我在$post_array
中有五个帖子。然后每个帖子的<div class="vidthumb"></div>
将包含所有五个图像(从JavaScript代码生成),而不是仅包含应该的图像。我该如何解决?
答案 0 :(得分:2)
尝试:
<?php $i = 0; foreach($post_array as $post): ?>
<div class="postBodyWrapper">
<div class="vid-link">
<script type="text/javascript">
$(function() {
$("#vidthumb_<?php echo $i ?>").append("<img class='thumb' src='<?php echo $post->vid_link; ?>'/>");
});
</script>
<div id="vidthumb_<?php echo $i++ ?>"></div>
</div>
</div>
<?php endforeach; ?>
通过给每个vidthumb
div你希望拇指出现在一个唯一的ID中,你现在可以定位特定的div而不是第一个匹配。