Question

I am trying to remove the elements and contents before a link inside a div when a user clicks a button. What is the best way to do it??

<div id="dialog" class="window">  

         //will be inserted a <select> element and few text here 
         //but I want to clear them after the user click a button

    <a href="#" class="close">Close it</a>  // I want to keep this <a> link.    

    </div>

My Jquery

$( .model ).click(function(e) {  

   $("#dialog").empty();  //I can t use this because <a> will be deleted. Any better ideas?         

});

感谢答复......

Answer 1

简单地把所有这些因素一分为二,予以删除。

$( #select-wrapper ).remove();

或者说,这更是朋友

$( #select-wrapper ).fadeOut(500, function() { $(this).remove(); });

Answer 2

试图把你想要删除的内容放在自己的部分。然后,在点击事件上隐藏/移走干.会很简单。

Answer 3

你可以这样做:

$( .model ).click(function(e) {  
  $("#dialog").children(":not(.close)").remove();
});

这只是删除了所有使用http://api.jquery.com/remove/“rel=“nofollow noreferer”>的儿童。他们上课。或用

$( .model ).click(function(e) {  
  $("#dialog a.close").clone(true).appendTo($("#dialog").empty());
});

Answer 4

您是否真的希望保持<条码>a的链接,或者你是否只是希望这四条能够包含一个与以后一样的链接?

为什么不光超高超地使用<a href=“#”等;Close it</a>?

我的理解是,如果这一联系在某种程度上超出了你们的知识或控制范围,那么你就必须保持这一联系,但除非情况如此,否则,光顾就会照亮。

友情链接