jQuery要素をクリックしてカスタム属性の値を取得し、泡の原理を利用します~

7171 ワード

知識の敷居:
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(); });