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