jQuery要素をクリックしてカスタム属性の値を取得し、泡の原理を利用します~
知識の敷居:
attr("属性名");//属性の値を取得します(最初の一致要素の属性を取得します.この方法で、最初の一致要素から属性の値を簡単に取得できます.要素に対応する属性がない場合はundefinedを返します).
コード処理:
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>
<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>
<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>
<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, '@'
+ reply_who + '
' + '
');
tinyMCE.activeEditor.focus();
});