jQuery：如何在一个元素之后附加内容？

Question

DOM

<div id="a">
   <div id="b"></div>
<div>

<p>Insert me after #b</p>

要求是在'#b'之后插入insert p标签，并且当再次发生插入操作时，仅替换p标签而不添加更多标签。

谢谢你的帮助

Answer 1

尝试这个：

function insertP(html)
{
    var a = $("#a");
    var p = a.find("p")
    if(p.length == 0)
    {
      p = $("<p></p>").appendTo(a);
    }
    p.html(html)
}

Answer 2

这将直接在#a中的#b之后插入它，但是如果它已经存在，则不会再次插入。

$(document).ready(function(){
  if ($('#newP').length == 0) {
    $('#b').append('<p id="newP">Insert me after #b</p>')
  }
});

Answer 3

此函数将删除现有元素，然后添加新元素。 如果不存在，它将仅添加元素。

<body>
    <script type="text/javascript">
    $(document).ready(function() {
            function addAfterB(pElement) {
                    if (!$('#b ~ p')) {
                            $(pElement).insertAfter('#b');        
                    } else if ($('#b ~ p')) {
                            $('#b ~ p').remove();
                            $(pElement).insertAfter('#b')
                    }        
            }
            addAfterB('<p>New Item 1</p>');

    });
    </script>

    <div id="a">
            <div id="b"></div>
            <p>hello</p>
    <div>

Answer 4

您可以使用$ .after（）...

<div id="a">
   <div id="b"></div>
<div>

...
<script>
   $("#b").after("<p>Insert me after #b</p>");
</script>

jQuery：如何在一个元素之后附加内容？

问题描述

4 个解决方案

解决方案1
2 2011-01-25 04:35:51

解决方案2
2 已采纳 2011-01-25 04:42:43

解决方案3
1 2011-01-25 04:43:19

解决方案4
1 2011-09-10 22:06:49

jQuery：如何在一个元素之后附加内容？

问题描述

4 个解决方案

解决方案1 2 2011-01-25 04:35:51

解决方案2 2 已采纳 2011-01-25 04:42:43

解决方案3 1 2011-01-25 04:43:19

解决方案4 1 2011-09-10 22:06:49

解决方案1
2 2011-01-25 04:35:51

解决方案2
2 已采纳 2011-01-25 04:42:43

解决方案3
1 2011-01-25 04:43:19

解决方案4
1 2011-09-10 22:06:49