Jquery 如何从多个重复元素中获取文本？

我需要使用jquery从多个重复的HTML结构中检索媒体div上单击事件的文本信息

<div class="activity-list">
    <div class="media">
        <a class="pull-left" href="http://pbs.twimg.com/profile_images/592781386324549633/5QdIRp9T_normal.png">
            <img class="media-object" src="http://pbs.twimg.com/profile_images/592781386324549633/5QdIRp9T_normal.png" alt="">
        </a>
        <div class="media-body">
            <a target="_blank" class="pull-left" href="https://twitter.com/Ford Motor Company">
                <strong>Ford Motor Company  @Ford</strong>
            </a>
            <br>
            <small class="text-muted">06-02-2015 05:53 PM</small>
            <small data-original-title="Favorite" data-toggle="tooltip" class="text-muted favorite"><i class="glyphicon glyphicon-star"></i>0</small>
            <div class="fb_desc">
                "@Barsotta Happy 100,000 miles, Justin! Here's to your next milestone with your truck!"
            </div>
        </div>
    </div>
    <div class="media">
        <a class="pull-left" href="http://pbs.twimg.com/profile_images/592781386324549633/5QdIRp9T_normal.png">
            <img class="media-object" src="http://pbs.twimg.com/profile_images/592781386324549633/5QdIRp9T_normal.png" alt="">
        </a>
        <div class="media-body">
            <a target="_blank" class="pull-left" href="https://twitter.com/Ford Motor Company">
                <strong>Ford Motor Company  @Ford</strong>
            </a>
            <br>
            <small class="text-muted">06-02-2015 08:37 PM</small>
            <small data-original-title="Favorite" data-toggle="tooltip" class="text-muted favorite"><i class="glyphicon glyphicon-star"></i>22</small>
            <div class="fb_desc">
                "We teamed up with @jonathanadler to create the ultimate road trip u2014 driving directions here: http://t.co/UzE37As167 http://t.co/exDDFJmnGL" </div>
            <div class="ista_usr_img">
                <a data-rel="prettyPhoto" href="http://pbs.twimg.com/media/CGhAyeXUcAEJjA5.jpg">
                    <img alt="" class="thumbnail img-responsive" src="http://pbs.twimg.com/media/CGhAyeXUcAEJjA5.jpg">
                </a>
            </div>
        </div>
    </div>
</div>

但在单击media div时未收到任何警报消息

问题更新：

在ajax调用之后，所有媒体div都设置在活动列表div上，所以给定的解决方案对我来说不起作用

谢谢

---

Sameek

您的元素选择器错误，请尝试以下操作：-

$('.activity-list .media').click(function (e) {
    alert('media');
 });

.activity list.media

将选择元素同时具有类

.activity list

和

.media

但

.activity list.media

这将选择元素具有类。元素内的媒体具有类

活动列表

---

希望这会有所帮助。

您的元素选择器错误，请尝试以下操作：-

$('.activity-list .media').click(function (e) {
    alert('media');
 });

.activity list.media

将选择元素同时具有类

.activity list

和

.media

但

.activity list.media

这将选择元素具有类。元素内的媒体具有类

活动列表

---

希望这会有所帮助。

您的元素选择器错误，请尝试以下操作：-

$('.activity-list .media').click(function (e) {
    alert('media');
 });

.activity list.media

将选择元素同时具有类

.activity list

和

.media

但

.activity list.media

这将选择元素具有类。元素内的媒体具有类

活动列表

---

希望这会有所帮助。

您的元素选择器错误，请尝试以下操作：-

$('.activity-list .media').click(function (e) {
    alert('media');
 });

.activity list.media

将选择元素同时具有类

.activity list

和

.media

但

.activity list.media

这将选择元素具有类。元素内的媒体具有类

活动列表

---

希望这会有所帮助。

请查看下面的代码，这里是如何完成的

$（文档）.ready（函数（）{
$（“.activity list.media”）。单击（函数（）{
警报（“媒体”）；
})
})

2015年2月6日下午5:53
0
“@Barsotta Happy 100000英里，Justin！为你的卡车的下一个里程碑干杯！”


06-02-2015 08:37下午
22
“我们与@jonathanadler合作，在这里创建了终极公路旅行u2014驾驶指南：http://t.co/UzE37As167 http://t.co/exDDFJmnGL"

请查看下面的代码，这里是如何完成的

$（文档）.ready（函数（）{
$（“.activity list.media”）。单击（函数（）{
警报（“媒体”）；
})
})

2015年2月6日下午5:53
0
“@Barsotta Happy 100000英里，Justin！为你的卡车的下一个里程碑干杯！”


06-02-2015 08:37下午
22
“我们与@jonathanadler合作，在这里创建了终极公路旅行u2014驾驶指南：http://t.co/UzE37As167 http://t.co/exDDFJmnGL"

请查看下面的代码，这里是如何完成的

$（文档）.ready（函数（）{
$（“.activity list.media”）。单击（函数（）{
警报（“媒体”）；
})
})

2015年2月6日下午5:53
0
“@Barsotta Happy 100000英里，Justin！为你的卡车的下一个里程碑干杯！”


06-02-2015 08:37下午
22
“我们与@jonathanadler合作，在这里创建了终极公路旅行u2014驾驶指南：http://t.co/UzE37As167 http://t.co/exDDFJmnGL"

请查看下面的代码，这里是如何完成的

$（文档）.ready（函数（）{
$（“.activity list.media”）。单击（函数（）{
警报（“媒体”）；
})
})

2015年2月6日下午5:53
0
“@Barsotta Happy 100000英里，Justin！为你的卡车的下一个里程碑干杯！”


06-02-2015 08:37下午
22
“我们与@jonathanadler合作，在这里创建了终极公路旅行u2014驾驶指南：http://t.co/UzE37As167 http://t.co/exDDFJmnGL"

单击事件在定义该事件的位置不存在。我需要使用live或委派活动

$(document).on('click', '.media', function () {
        alert('media');
    });

或

---

单击事件在定义该事件的位置不存在。我需要使用live或委派活动

$(document).on('click', '.media', function () {
        alert('media');
    });

或

---

单击事件在定义该事件的位置不存在。我需要使用live或委派活动

$(document).on('click', '.media', function () {
        alert('media');
    });

或

---

单击事件在定义该事件的位置不存在。我需要使用live或委派活动

$(document).on('click', '.media', function () {
        alert('media');
    });

或

---

$（'.activity list.media'）

在

媒体

是

活动列表

$（'.activity list.media'）

之间添加空格，因为

媒体

是

活动列表

$（'.activity list.media'））

在as

媒体

是

活动列表

$（'.activity list.media'）的子级之间添加空格

在as

媒体

是

活动列表

的子级之间添加空格。activity-list.media是一个多类选择器，因此它会选择元素其中包含多个类，即activity-list.media是一个多类选择器，因此它会选择包含多个类的元素，即activity-list.media是一个多类选择器，因此它会选择包含多个类的元素，即activity-list.media是一个多类选择器，因此它会选择元素有一个以上的课程，即。