Question

我尝试删除具有数据值attibute的特定选择元素。这样我就可以将其从dom中删除。

HTML：

<div class='tcat'>
  <select>..</select>
  <select data-wr="1">..</select>
  <select>..</select>
  <select data-wr="12">..</select>
  <select data-wr="3">..</select>
</div>

在JQuery下面，删除所有选择元素：

var rw= 12;
$('select[data-wr != ' + rw + ']')

但是它必须等于rw的值：

var rw= 12;
$('select[data-wr = ' + rw + ']')

上面的

不起作用。

我也尝试过以下问题： jQuery how to find an element based on a data-attribute value?

var s = $(".tcat").find("select[data-wr='" + rw + "']"); 
s.remove();

也过滤器不起作用：

var s =$('.tcat').find($('select').filter('[data-wr=' + rw + ']'))

我无法使其正常工作。

Answer 1

我认为最好是这样（找到属性）：

const s = $(".tcat").find("select").attr("[data-wr='" + rw + "']");

Answer 2

您忘了在rw周围加上一些引号。

function remove() {
  let rw = 12;
  $(".tcat select[data-wr='" + rw + "']").remove();

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="tcat">
  <select data-wr="12">
    <option value="1"> Hello</option>
  </select>
</div>
<button onclick="remove()">
remove
</button>

删除具有特定attr值的选择元素

2 个答案: