Удалить элемент из html ()?

Question

Как я могу удалить определенный элемент внутри html ()?

Например, у меня есть ссылки html,

<ul>
    <li><a href="#" class="string-comment">Comment</a></li>
    <li><a href="#" class="string-delete-needle">Delete</a></li>
    <li><a href="#" class="string-publish-needle">Publish</a></li>
</ul>

Когда вы нажимаете на класс string-publish-needle, ябудет хранить HTML в переменной,

var html_parents = object_parents.html();

<li><a href="#" class="string-comment">Comment</a></li>
<li><a href="#" class="string-delete-needle">Delete</a></li>
<li><a href="#" class="string-publish-needle">Publish</a></li>

, и я хочу удалить этот, который является parent из string-publish-needle,

<li><a href="#" class="string-publish-needle">Publish</a></li>

, чтобы я мог иметь новыйТолько html-контент,

<li><a href="#" class="string-comment">Comment</a></li>
<li><a href="#" class="string-delete-needle">Delete</a></li>

Мой код, но, конечно, не работает!

$('.string-publish-needle').click(function(e){

    var object = $(this);
    var object_path = object.attr('href');
    var object_parent = object.parent('li');
    var object_parents = object.parents('ul');
    var html_parents = object_parents.html();
    var html_remain = object_parents.html().remove(object_parent);

    alert(html_remain);

});

Answer 1

$('.string-publish-needle').click(function(e){
    var copy = $($('<ul/>').append($(this).parents('ul').html()));
    copy.find('.string-publish-needle').parent('li').remove();
    alert(copy.html());
});

Answer 2

Не знаю, правильно ли я понял ... но вы можете сделать

$('.string-publish-needle').click(function(e) {

    var x = $(this).detach();

});

отключить функцию jQuery

Answer 3

$(".string-publish-needle").click(function () {
          $(this).remove();
        });

Помогает ли это?

Answer 4

$('.string-publish-needle').click(function(e){

    var object = $(this);
    var object_path = object.attr('href');
    var object_parent = object.parent('li');
    var object_parents = object.parents('ul');
    var html_parents = object_parents.html();
    object_parent.remove();
    var html_remain = object_parents.html();

    alert(html_remain);

});