jQuery комментарий / раскомментировать

Я ищу способ обернуть, с помощью jQuery, элемент в комментарий, например:

<!--
<div class="my_element"></div>
-->

, а также способ, чтобы удалить комментарии.

это возможно? потому что я не нашел ничего связанного.

8
comments element jquery wrap

4 ответов

чтобы обернуть элемент комментарием или, более конкретно, заменить элемент на узел комментария, имеющий HTML этого элемента:

my_element_jq = $('.my_element');
comment = document.createComment(my_element_jq.get(0).outerHTML);
my_element_jq.replaceWith(comment);

переключить его обратно:

$(comment).replaceWith(comment.nodeValue);

если у вас нет ссылки на узел комментариев, вам нужно пересечь дерево DOM и проверить nodeType каждого узла. Если его значение равно 8, то это комментарий.

например:

<div id="foo">
    <div>bar</div>
    <!-- <div>hello world!</div> -->
    <div>bar</div>
</div>

JavaScript:

// .contents() returns the children of each element in the set of matched elements,
// including text and comment nodes.
$("#foo").contents().each(function(index, node) {
    if (node.nodeType == 8) {
        // node is a comment
        $(node).replaceWith(node.nodeValue);
    }
});
17

вы можете прокомментировать элемент следующим образом:

function comment(element){
    element.wrap(function() {
        return '<!--' + this.outerHTML + '"-->';
    });
}

демо: http://jsfiddle.net/dirtyd77/THBpD/27/

3

Я впечатлен, что никто не дал следующего решения. Следующее решение требует контейнера. Этот контейнер будет иметь внутри, прокомментированный / незафиксированный код.

function comment(element) {
    element.html('<!--' + element.html() + '-->')
}

function uncomment(element) {
    element.html(element.html().substring(4, element.html().length - 3))
}

function isCommented(element) {
    return element.html().substring(0, 4) == '<!--';
}

пример:https://jsfiddle.net/ConsoleTVs/r6bm5nhz/

2

для обертывания?

function wrap(jQueryElement){
    jQueryElement.before("<!--").after("-->");
}

Не уверен,насколько успешно вы найдете комментарии после упаковки. Текстовый поиск по элементу body с использованием регулярных выражений является опцией.

или это - можно ли удалить HTML-комментарий из dom с помощью jquery

-2