jquery - 从文本中删除具有特定类的所有元素

Question

如何从文本中删除所有具有特定类的 DOM 元素？

var html = "<table>"+
"<tr>"+
"<td>1</td>"+
"<td>2</td>"+
"<td class='del'>3</td>"+
"</tr>"+
"<tr>"+
"<td>1</td>"+
"<td>2</td>"+
"<td class='del'>3</td>"+
"</tr>"+
"</table>";

Answer 1

您可以将 HTML 转换为 DOM 对象，删除指定的项目，并取回其 HTML:

var html = "<table>" +
    "<tr>" +
    "<td>1</td>" +
    "<td>2</td>" +
    "<td class='del'>3</td>" +
    "</tr>" +
    "<tr>" +
    "<td>1</td>" +
    "<td>2</td>" +
    "<td class='del'>3</td>" +
    "</tr>" +
    "</table>";

var $obj = $(html); // Create jQuery object
$obj.find(".del").remove(); // Remove .del items
var htmlNew = $obj[0].outerHTML; // Get the updated HTML
 
// Demonstration purposes only:
$("body").text(htmlNew);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>