jquery - 获取最近元素的 id？

Question

这是我的代码，用于在单击输入时编辑输入，然后保存在数据库中。

    $(document).ready(function() {
      $('.editable').on('click', function() {
          var that = $(this);
          if (that.find('input').length > 0) {
              return;
          }
          var currentText = that.text();
          var $input = $('<input>').val(currentText);
          $(this).append($input);

          // Handle outside click
          $(document).click(function(event) {
              if(!$(event.target).closest('.editable').length) {
                  if ($input.val()) {
                      that.text($input.val());

                      var div_id = $(this).closest('#commentbox').attr('id');
                      div_id = div_id.replace('comment-', '');
                      alert(div_id);
                      $.post( "updateComment.php", {id: div_id,message: $input.val()})
                  }
                  that.find('input').remove();
              }
          });
      });
    });

Var div_id 根本没有检索它。 我只想从中检索 id 中的数字，但是它不起作用。 我一直在尝试几种解决方案，最后一个也不起作用

    <div id="comments">
       <div class="commentbox" id="comment-90">...</div>
       <div class="commentbox" id="comment-91">...</div>
    </div>

Answer 1

这部分代码基本上是有问题的：

var div_id = $(this).closest('#commentbox').attr('id');

首先，您试图从document中获取最接近的元素，因为this指向您代码的那部分中的document （您的意思可能是event.target ）。 其次，您试图找到最接近id == 'commentbox'元素，因为这就是#<selector>的意思。 您应该为此目的使用一些其他属性 - 可能最好是一些 class 选择器，然后在其上使用.attr('id') 。