抓取最近的上一个分区的内容
Grab content of closest previous div
我目前正在做一件可以称为回复某篇文章下的某个人帖子的事情。
基本上,我想要实现的是,当你点击帖子下面的"回复帖子"(.comment reply class)时,你从.comment usernamediv中获取它的作者名称,并将其放在文本区域。问题是以这个div为目标,获取它的内容,我想把它放在变量中,然后放在文本区域。无法计算这种瞄准和抓取。条目的基本结构如下:
<div class="comment-block comment-child">
<div class="comment-info title-small text-bold">
<div class="push-left">
<span class="comment-username sm-fc">AUTHOR NAME is here</span>
<span class="comment-time">some date</span>
</div>
<div class="push-right">
<span class="comment-rating">some int value</span>
</div>
<div class="clear"></div>
</div>
<div class="comment-text">
Sample text => Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</div>
<div class="comment-functions">
<span class="comment-reply title-small text-bold">reply to post</span>
<span class="comment-rate comment-plus"> + </span>
<span class="comment-rate comment-minus"> - </span>
</div>
</div>
此外,在同一个页面上会显示很多帖子,所以我不想对每一个帖子都使用ID,而不是我使用的类,在这种情况下我更清楚。
我一直在尝试$.prev()
、$.closest()
,但没有结果。
有什么建议吗?
您可以使用closest()
获取公共.comment-block
容器,然后从find()
获取.comment-username
并检索text()
。试试这个:
$('.comment-reply').click(function() {
var username = $(this).closest('.comment-block').find('.comment-username').text();
// do something with the username here...
});
小提琴示例
有了父母(选择器),您可以:
var name = $(this).parents('.comment-username').text();
祝你好运。
相关文章:
- 设置滑块分区上的滚动
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 如何将值传递到上一个html页面
- Javascript获取上一个元素的内容
- 禁用旋转木马中的下一个按钮和上一个按钮
- 引用vue.js中v-for中的上一个值
- DOM导航-上一个同级未定义
- 构建JS测试,警报窗口重复上一个Q,而不是问下一个Q
- 如何在用户返回和上一个按钮时刷新下拉列表
- 删除“;上一个“;以及“;下一个“;基于当前幻灯片
- 简单的垂直上一个和下一个按钮代码点击上下移动jQuery
- HTML5历史记录-返回上一个完整页面按钮
- 算法:从数组(javascript/angular)中按当前日期获取上一个和下一个事件
- 如何选择给定类的上一个元素
- 用键盘分页jQuery下一个和上一个控件.触发器('点击')不'不起作用
- 如何使请求等待上一个请求完成
- 当我单击下一个或上一个按钮时,datatable显示旧值
- 使用reactjs setState回调获取上一个输入值的计算值
- JQuery关注上一个点击的输入错误
- 抓取最近的上一个分区的内容