删除具有特定属性值的select元素

Question

我尝试删除属性值为data-wr的特定select元素。这样我就可以从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>

Below 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

你忘了在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>

​

Answer 2

我认为这样更好(找到属性)：

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