jQuery从html中删除选定的类内容

Question

我需要获取#container的内容，除了类.removethis

<div id="container">Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
   <div class="removethis">sed</div> do 
   <div class="removethis">eiusmod</div> tempor incididunt ut labore et <b>dolore</b> magna aliqua. 
</div>

我的尝试$('#container').remove('.removethis'); alert($('#container').html());

Answer 1

1. If you want to remove .removethis from the html

做$('.removethis').remove();去除.removethis元素。

$('.removethis').remove();
console.log($('#container').html())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
  <div class="removethis">sed</div> do
  <div class="removethis">eiusmod</div> tempor incididunt ut labore et <b>dolore</b> magna aliqua. </div>

2. If you do not want to remove .removethis from the html but just while fetching the content

或者你实际上并不想删除.removethis但只是在获取HTML时不想要它然后采取#container的克隆并从中删除.removethis。

var e = $('#container').clone();
$('.removethis', e).remove();
console.log(e.html());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">Lorem ipsum dolor sit amet, consectetur adipiscing elit,
  <div class="removethis">sed</div> do
  <div class="removethis">eiusmod</div> tempor incididunt ut labore et <b>dolore</b> magna aliqua. </div>