jquery - 获取 Summernote 元素的 ID

Question

我将在一个页面上有多个 Summernote 字段，并且我想要一种在执行 onblur 时动态获取元素 ID 的方法。我似乎无法获取元素 id，它只是返回未定义

示例 HTML

<div class="summernote" id="desc_long" name="Long Description">Test 123</div>

Javascript

$(function () {
    $('.summernote').summernote({
        toolbar: [
          ['headline', ['style']],
          ['style', ['bold', 'italic', 'underline', 'clear']],
          ['color', ['color']],
          ['font', ['strikethrough', 'superscript', 'subscript']],
          ['alignment', ['ul', 'ol', 'paragraph']],
          ['insert', ['link']],
        ],
        onblur: function() {
          var objid = $(this).attr("id");
          alert(objid);
        }
    });
});

Answer 1

回调您的案例中缺少 attr

           $('.summernote').summernote({
                 toolbar: [
                  ['headline', ['style']],
                  ['style', ['bold', 'italic', 'underline', 'clear']],
                  ['color', ['color']],
                  ['font', ['strikethrough', 'superscript', 'subscript']],
                  ['alignment', ['ul', 'ol', 'paragraph']],
                  ['insert', ['link']],
                ],
                callbacks: {
                    onBlur: function( event ) {
                    console.log($(this).attr('id'))
                        //alert("onBlur event triggered!");
                    }
                }
            });