Question

我有以下html：

<div class="nbhds-overlay active" style="display: block;">

    <h3 class="h31 allnbhds"><a href="#">All Neighborhoods</a></h3>

    <h3 class="h32"><a data-id="51Cameo" href="#">one</a></h3>
    <h3 class="h33"><a href="#" class="active">two</a></h3>
    <h3 class="h34"><a href="#">three</a></h3>
    <h3 class="h35"><a href="#">four</a></h3>
    <h3 class="h36"><a href="#">five</a><h3>

</div>

我想在h3 h3之后放置包含a.active的{{1}}元素。

试过这样，但它没有工作，有什么想法吗？

h3.allnbhds

Answer 1

将<h3>分配给变量并在＆＃39; h3.allnbhds＆＃39;

之后插入该变量

var activeHead = $('h3').find('a.active').parent('h3');
activeHead.insertAfter($('.nbhds-overlay').find('h3.allnbhds'));

Answer 2

你可以在没有jQuery的情况下快速完成这项工作

var active = document.querySelector('h3 > a.active').parentNode;
var allnbhds = document.querySelector('.allnbhds');

allnbhds.parentNode.insertBefore(active, allnbhds.nextElementSibling);

将一个元素放在同一个div中的另一个元素之后

2 个答案: