Question

你好的人我即兴创作jQuery，我想删除一个内部元素，一个子元素，而不删除其内容。这是我的代码：

<li class="homepage">
  <a class="megamenu" href="#" id="megamenu_27">
    <span class="nodesc">        
        <span class="title"> Home </span>
    </span>
</a>

jQuery("li.homepage").find("a").remove("span");

我只想在不删除内容的情况下删除spans元素：“Home”

像这样：

<li class="homepage">

     <a class="megamenu" href="#" id="megamenu_27">

        Home

    </a>

Answer 1

试试：

jQuery("li.homepage").find("a").each(function(){
    var text = jQuery(this).find('.title').text();
    jQuery(this).find('span').remove();
    jQuery(this).text(text);
});

Answer 2

这将保留您的标题范围并移除.nodesc

jQuery("li.homepage").find("span.title").unwrap();

http://api.jquery.com/unwrap/

Answer 3

试试这个：

var temp = jQuery("li.homepage").find("a");
temp.html(temp.find("span").html());

Or you can use jQuery unwarp()

Answer 4

您可以使用unwrap（）

$('.homepage a span').contents().unwrap();

DEMO

Answer 5

试试这个：

var e=  $("li.homepage");// stores the DOM element in variable to reuse
var t= e.find(".title").text();// filter element to get text and save it in a variable
  e.find("span").remove();// remove the span
  e.text(t);// add stored text to element

使用jQuery删除内部元素

5 个答案: