jQuery点击元素获取自定义属性的值，利用冒泡原理~

最新推荐文章于 2025-02-20 16:02:13 发布

Quincy379

最新推荐文章于 2025-02-20 16:02:13 发布

阅读量4.8k

点赞数

分类专栏： django HTML 文章标签： jquery

本文链接：https://blog.csdn.net/qq_33733970/article/details/78658220

版权

django 同时被 2 个专栏收录

71 篇文章

订阅专栏

HTML

70 篇文章

订阅专栏

知识铺垫：

attr(“属性名”)； //获取属性的值（取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回undefined）

代码处理：

{% for comment_all in article.comment_set.all %}
    <div id="comment_info" class="row">
        <div class="col-md-1">
            <img src="{{ comment_all.user.avatar.url }}" alt="" style="width: 30px;height: 20px">
        </div>
        <div style="display: inline-block">
            <!--评论时间-->
            <span style="color: #7d8b8d">{{ comment_all.add_time }}</span>
            &nbsp;
            <!--评论人-->
            <span>{{ comment_all.user.username }}</span>
        </div>
        <div class="pull-right" style="margin-right: 15px">
            <a class="reply" reply_who="{{ comment_all.user.username }}" id="reply">
                <span>回复</span>
            </a>&nbsp;&nbsp;
            <a><span>引用</span></a>
        </div>

    </div>
    <div class="row">
        <div class="col-md-1"></div>
        <div style="border: 1px dashed #dedede;margin: 15px 15px;padding: 10px;overflow:hidden">
            <div>
                {{ comment_all.content }}
            </div>
            <div class="pull-right" style="margin-right: 5px">
                <a href=""><span>支持(0)</span></a>&nbsp;&nbsp;
                <a href=""><span>反对(0)</span></a>
            </div>
        </div>

    </div>
{% endfor %}

$('#comment_list').on('click', '.reply', function () {

    var reply_who = $(this).attr('reply_who');
     alert(reply_who);

     tinyMCE.execCommand('mceInsertContent', true, '<p>@' + reply_who + '</p>\n' + '<p>&nbsp;</p>');
     tinyMCE.activeEditor.focus();


});