Jquery 删除<;a>;内部<;h2>;并使用文本填写a<;p>;

Jquery 删除<;a>;内部<;h2>;并使用文本填写a<;p>;,jquery,Jquery,我有一个引导片段: <h2>My Records <a href="#" class="btn btn-primary">Add new</a></h2> <p></p> 我的记录 我想删除 我的记录 我做了这把小提琴,但结果不对: 将从输出页面的中删除标记 中填充的是“添加新”文本,而不是“我的记录” 请问有什么帮助吗? 谢谢大家! 您想要h2的第一个子元素的内容,请尝试 $("p").text(function

我有一个引导片段:

<h2>My Records <a href="#" class="btn btn-primary">Add new</a></h2>
<p></p>
我的记录

我想删除

我的记录

我做了这把小提琴,但结果不对:

  • 将从输出页面的
    中删除
    标记
  • 中填充的是“添加新”文本,而不是“我的记录”
  • 请问有什么帮助吗?

    谢谢大家!

    您想要
    h2的第一个子元素的内容,请尝试

    $("p").text(function () {
        return $("h2").prop('firstChild').nodeValue;
    })
    

    演示:

    您将获得

    查看此

    $( "p" ).text(function(){
        header = $( "h2" ).find( "a" ).remove();
        return $( "h2" ).text();    
    })
    

    您已删除
    ,因为方法是删除整个元素。这就是你所做的:

  • 获取
    元素的文本
  • 删除
    元素 我想这就是你想要的

    $( "p" ).text(function(){
        var header = $("h2").text().split("Add new");
        return header[0];    
    })
    

    header=$($h2”).find(“a”).remove().end().text()???但是你所描述的并不是你想要的,非常不清楚的问题imhoThanks,这是非常明智的,我也可以在标记上使用它,比如我的标题我的副标题
    
    $( "p" ).text(function(){
        header = $( "h2" ).find( "a" ).remove();
        return $( "h2" ).text();    
    })
    
    $( "p" ).text(function(){
        var header = $("h2").text().split("Add new");
        return header[0];    
    })