javascript - jquery 多重选择器与 contains()

Question

我有很多<option>位于 <select>以及名为 zip 的额外属性

<SELECT id="city">
  <OPTION zip="AUC 1291 100005" value="1">City 1</OPTION>
  <OPTION zip=" 1295 100006" value="2">City 2</OPTION>
  <OPTION zip=" 1299 100008" value="3">City 3</OPTION>
</SELECT>

现在我想选择 Text 或 ZIP 包含字符串值的选项，但以下代码不起作用。

var val = '1291'; //Zip code
var x = $('#city option:contains('+val+'), #city zip:contains('+val+')').val();

为什么？

Answer 1

如果你想选择具有属性的元素，其值包含请求的字符串，你必须使用:

  var val = '1291'; //Zip code
  var x = $('#city option[zip*="' + val + '"]').val();

如上所述:http://api.jquery.com/attribute-contains-selector/

但正如大家所说，更好的方法是使用 HTML5 data-zip 属性而不是 zip

(只需加上 data- 前缀)。

在这种情况下，您的选择器将是:

  var x = $('#city option[data-zip*="' + val + '"]').val();

希望有帮助。