javascript - 选择 DOM 元素上方的注释

Question

有一个问题。我有这个 HTML:

我按下一个按钮(它是“editcurrent”类)，它使某些东西出现。这一切都有效，但我想检查哪个评论在控制组之上，我想获得评论的值(value)，以便我可以决定要向用户显示什么。但是我如何通过最近或 parent 获得这个值(value)？ (我正在使用 jQuery)

我得到了这段代码:

var comments = $('.form-horizontal').contents().filter(function(){ return this.nodeType===8; })

这给了我表格的所有评论。但是我真的不知道如何使用最接近的方法来搜索评论。

console.log($(this).closest('.control-group').children(this.nodeType===8));

这显然行不通...有人可以帮我吗？

Answer 1

您不能使用 jQuery 来选择评论节点，但您可以使用它来选择 .control-group 并从那里向后工作，因为评论将是它的前一个兄弟(可能在那里有一个空白文本节点，具体取决于标记):

var node = $(".form-horizontal .control-group")[0];
while (node && node.nodeType != Node.COMMENT_NODE) {
  node = node.previousSibling;
}
alert(node ?  node.nodeValue : "Not found");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form class="form-horizontal">
  <fieldset>
    <!-- Form Name -->
    <legend></legend>
    <!-- Multiple Radios -->
    <div class="control-group">
      ....
    </div>
  </fieldset>
</form>