Question

我尝试隐藏不包含数据属性中文本部分的元素。这是一个例子。预期的结果应该是隐藏所有不包含密钥的元素，类似于＆＃34; UK＆＃34;

<input type="text" id="step3LRGender" data-country="UK IT">
<input type="text" id="step3LRAge" data-country="PL IT">
$('[data-country*="UK"]').show();
$('[data-country!*="UK"]').hide();

Answer 1

将您的代码与:not()

中的$('input:not([data-country*="UK"])').hide();结合使用

<强>演示

$('input[data-country*="UK"]').show();
$('input:not([data-country*="UK"])').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="step3LRGender" data-country="UK IT">
<input type="text" id="step3LRAge" data-country="PL IT">

您还可以使用以下内容：

$('input,div').filter(function() {
  return $(this).data('country').indexOf("UK") > -1 ? $(this).show() : $(this).hide();
});

<强>演示

$('input,div').filter(function() {
  return $(this).data('country').indexOf("UK") > -1 ? $(this).show() : $(this).hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="step3LRGender" data-country="UK IT">
<input type="text" id="step3LRAge" data-country="PL IT">

<div data-country="UK IT">UK IT</div>
<div data-country="PL IT">PL IT</div>

如何选择不包含部分数据属性值的元素？

1 个答案: