javascript - Jquery:当两个或多个条件为真时选择一个元素

Question

我有一个这样的元素

 <ul>
  <li data-ud="321" data-id="42">
  <li data-ud="322" data-id="42">
  <li data-ud="323" data-id="42">
  <li data-ud="324" data-id="42">

  <li data-ud="321" data-id="43">
  <li data-ud="322" data-id="43">
  <li data-ud="323" data-id="43">
  <li data-ud="324" data-id="43">

  <li data-ud="321" data-id="44">
  <li data-ud="322" data-id="44">
  <li data-ud="323" data-id="44">
  <li data-ud="324" data-id="44">

  <li data-ud="321" data-id="45">
  <li data-ud="322" data-id="45">
  <li data-ud="323" data-id="45">
  <li data-ud="324" data-id="45">

 </ul>

现在我想选择一个 data-id=45 和 data-ud=322 的元素。我已经尝试过，但没有成功。

提前致谢

Answer 1

要在选择器中使用“and”，只需不要使用任何其他分隔符，例如 li 和类 myclass 将是:

li.myclass

要按属性查找，请使用[attribute=x]，因此将两者结合起来:

li[data-id=45][data-ud=322]

或者，使用 jquery:

$("li[data-id=45][data-ud=322]")

这可能难以阅读并且容易出错，例如两个 [][] 之间的空格将给出完全不同的结果，因此您可以使用 filter达到同样的效果:

$("li").filter("[data-id=45]").filter("[data-ud=322]")

fiddle 示例:https://jsfiddle.net/o9fdhphf/