jQuery-获取元素的内容,具有不同的内容,但类相同

Oliverbj

我目前正在为我的网站创建一个简单的论坛系统,我希望用户能够互相引用。

我通过while() loop使用php来显示每个帖子

while ($post = $p->fetch(PDO::FETCH_ASSOC)) {

  //Post Content in here.
  <p class='post-text'>$text</p>
  <a href='javascript:void(0)' class='quote'>Quote</a>

}

上面的代码将示例输出:

<p class='post-text'>Post 1</p>
<p class='post-text'>Post 2</p>

当用户引用其中一个帖子时,我想获取的内容.post-text如何做到这一点?

目前,我只有这个:

$('.quote').click(function() {

        alert($('.post-text').text());

    });

这将输出所有 .post-text内容:

post1post2

现在,假设有多个帖子-.post-text根据引用的帖子如何获取的内容

雅库布·米哈莱克(JakubMichálek)

一个简单的解决方案是将帖子ID包括在内:

while ($post = $p->fetch(PDO::FETCH_ASSOC)) {

  //Post Content in here.
  <p class='post-text' id='post-". $post->id ."'>$text</p>
  <a href='javascript:void(0)' class='quote' data-id='post-". $post->id ."'>Quote</a>

}

然后我JS:

$('.quote').click(function() {

    alert($('#post-'+ $(this).data('id')).text());

});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

jQuery遍历具有相同类的元素

在jQuery中获取列表元素内容的数组

在jQuery Select元素中具有冗余或具有两个相同的类

使用jQuery将类添加到具有相同类的div的子元素中

jQuery-选择具有特定内容的元素

选择具有相同ID和不同属性的元素jquery

jQuery:如何获取具有相同ID的所有元素的click事件以触发?

如何从任何jquery对象中获取具有相同类名的所有元素?

jQuery添加类。通过搜索具有相同类的所有元素

使用jQuery获取动态创建的元素的内容

如何使用jQuery获取具有相同类的下拉selectMenu小部件的选定元素?

jQuery遍历相同的元素,获取内容并逐元素重新排列内容

jQuery匹配具有相同ID /类的多个元素

选择所有具有不同于2个选择器(jQuery)的额外类的所有内容

在jQuery中选择具有不同ID名称或类名称的元素中的元素

使用jQuery从具有相同类名的元素中获取文本

如何使用jQuery将具有特定类的所有元素的内容放入变量中

jQuery关闭具有相同元素的单击

jQuery-检查数组中的2个元素是否具有相同的类

jQuery滚动特定类元素的内容

在具有不同值但类名称相同的所有div上运行jQuery函数

获取有角度的元素内容(替代jQuery中的.html())

jQuery:删除带有内容的先前元素

jQuery无法获取<iframe>元素的内容

jQuery:筛选类并搜索具有相同类的元素

如何对具有不同ID的元素使用相同的JQuery方法?

使用jQuery设置元素的html内容但具有同一类的多个元素

:: jQuery :: 从具有相同索引的不同元素中删除动态创建的新项目

如何获取具有特定类后缀的 span 元素的内容?