首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在每个博客帖子上获得唯一id

如何在每个博客帖子上获得唯一id
EN

Stack Overflow用户
提问于 2018-06-17 22:15:11
回答 1查看 60关注 0票数 0

我正在尝试使用jquery "prependTo“fiddle将post图像从div元素移动到另一个div中

代码语言:javascript
复制
$('.post img').prependTo('.move');

因为我使用了类选择器,所以每个图像都将被移动并堆叠在'move‘类的每个元素上

代码语言:javascript
复制
<div class='post-body' expr:id='"post-body-" + data:post.id'>
<div class='move'/>
<div class='post'>
    aaa aaa aaa
    <img src="image-1"/>
    bbb bbb bbb
</div>
</div>

<div class='post-body' expr:id='"post-body-" + data:post.id'>
<div class='move'/>
<div class='post'>
    ccc ccc ccc
    <img src="image-2"/>
    ddd ddd ddd
</div>
</div>

<div class='post-body' expr:id='"post-body-" + data:post.id'/>
<div class='move'/>
<div class='post'>
    eee eee eee
    <img src="image-3"/>
    fff fff fff
</div>
</div>

似乎我应该为每个帖子获取一个唯一的id,或者这个问题有解决方案吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-18 04:07:31

你不需要帖子id,试试这个

代码语言:javascript
复制
$('.post-body').each(function () {
 		$(this).find('.post img').prependTo($(this).find('.move'));
 	});
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='post-body' expr:id='"post-body-" + data:post.id'>
<div class='move'></div>
<div class='post'>
    aaa aaa aaa
    <img src="image-1"/>
    bbb bbb bbb
</div>
</div>

<div class='post-body' expr:id='"post-body-" + data:post.id'>
<div class='move'></div>
<div class='post'>
    ccc ccc ccc
    <img src="image-2"/>
    ddd ddd ddd
</div>
</div>

<div class='post-body' expr:id='"post-body-" + data:post.id'>
<div class='move'></div>
<div class='post'>
    eee eee eee
    <img src="image-3"/>
    fff fff fff
</div>
</div>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50897483

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档