Question

我有这样的div：

<div class="exmaple">
   <a class ="active">first</a>
   <a class>second</a>
   <a class>third</a>
</div>

我想获得div class的内容html＆＃34;示例＆＃34;除了课程内容＆＃34;活跃＆＃34;通过jquery。

结果应为："<a class>second</a><a class>third</a>"。谢谢大家。

Answer 1

我的方法是克隆元素，删除活动类，然后获取内部html。

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="example">
   <a class ="active">first</a>
   <a>second</a>
   <a>third</a>
</div>

＆＃13;

pagesUrl

＆＃13;

Answer 2

您可以使用querySelectorAll并简单地排除您不想要的类。这导致返回第二个和第三个'a'元素 - 并且您可以使用CSS选择器 - 因此使用：not selector。

var content = document.querySelectorAll('.example a:not(.active)');

console.log(content)

<div class="example">
   <a class ="active">first</a>
   <a>second</a>
   <a>third</a>
</div>

Answer 3

＆＃13;

$(document).ready(function() {
  console.log($("div a").not(".active"))
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="exmaple">
   <a class ="active">first</a>
   <a class>second</a>
   <a class>third</a>
</div>

＆＃13;

Jquery - 如何获取内容html div除了class＆＃34; active＆＃34;

3 个答案: