我正在尝试根据一个条件执行jQuery删除

Question

所以我想使用jquery 删除整个div及其内容

在运行javascript函数来查找IP地址后，该区域的值将被输入到jquery中。这里是从IP地址中查找区域的javascript

$(document).ready(function() { $.get("https://geo.ipify.org/api/v1?apiKey=", function(data) {
$("body").append("<pre>" + JSON.stringify(data.location.region, "", 2) + "</pre>");

因此，如果data.location.location是texas，那么我希望所有区域值不等于texas的div class=m-s-a都消失。

所以我需要一个jquery函数，我想它可以接收区域并执行removeClass。

这是样品主体`

<div class="row m-s-a _hidden">
<table>
<tr>
<td class="for-sale-heading">
<h4>Auction:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>Hard rock Cafe</h4>
</td>
</tr>
<tr>
<td class="for-sale-heading">
<h4>Location:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>4641 Production unit 42 Mt. Clemens, <span `enter code here`class="region">Michigan</span> 48043</h4>
</td>
</tr>
</table>
</div>
<div class="row m-s-a _hidden">`enter code here`
<table>
<tr>
<td class="for-sale-heading">
<h4>Auction:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>Hard rock Cafe</h4>
</td>
</tr>
<tr>
<td class="for-sale-heading">
<h4>Location:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>4641 Production unit 42 Mt. Clemens, <span class="region">Utah</span> 48043</h4>
</td>
</tr>
</table>
</div>
<div class="row m-s-a _hidden">
<table>
<tr>
<td class="for-sale-heading">
<h4>Auction:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>Hard rock Cafe</h4>
</td>
</tr>
<tr>
<td class="for-sale-heading">
<h4>Location:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>4641 Production unit 42 Mt. Clemens, <span class="region">Texas</span> 48043</h4>
</td>
</tr>
</table>
</div>

Answer 1

你可以这样做：

$(document).ready(function() {
$(".region").each(function() {
if ($(this).text() != "Texas") {
$(this).closest(".m-s-a").remove();
}
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row m-s-a _hidden">
<table>
<tr>
<td class="for-sale-heading">
<h4>Auction:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>Hard rock Cafe</h4>
</td>
</tr>
<tr>
<td class="for-sale-heading">
<h4>Location:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>4641 Production unit 42 Mt. Clemens, <span class="region">Michigan</span> 48043</h4>
</td>
</tr>
</table>
</div>
<div class="row m-s-a _hidden">
<table>
<tr>
<td class="for-sale-heading">
<h4>Auction:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>Hard rock Cafe</h4>
</td>
</tr>
<tr>
<td class="for-sale-heading">
<h4>Location:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>4641 Production unit 42 Mt. Clemens, <span class="region">Utah</span> 48043</h4>
</td>
</tr>
</table>
</div>
<div class="row m-s-a _hidden">
<table>
<tr>
<td class="for-sale-heading">
<h4>Auction:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>Hard rock Cafe</h4>
</td>
</tr>
<tr>
<td class="for-sale-heading">
<h4>Location:&nbsp;</h4>
</td>
<td class="for-sale-heading">
<h4>4641 Production unit 42 Mt. Clemens, <span class="region">Texas</span> 48043</h4>
</td>
</tr>
</table>
</div>

这必须根据您的需要进行调整，例如，与其将<span class="region">的文本与"Texas"进行比较，不如将其与data.location.region或您在示例中添加此区域的<pre>进行比较-$("pre").text()，以防它是页面上唯一的<pre>。