Jquery 如何选择具有特定属性的可见元素

假设有一个div包含一些'li'元素。当我点击复选框时，一些元素（li）被选中。我想从div中可见的li中选择所有具有某些特定属性的li。 例如，假设只有前三个li可见，我想选择value=ItemA、color=Red的li

>

---

jquery语句将如何选择此类li。

value

和

color

是

li

元素的无效属性，您可以使用

数据-*

属性：

<li data-value="itema" data-color="red"><img src="images/1.jpg"></li>

---

这是一个长且慢的选择器，但可以选择所需的元素。

value

和

color

是

li

元素的无效属性，您可以使用

数据-*

属性：

<li data-value="itema" data-color="red"><img src="images/1.jpg"></li>

---

这是一个长而慢的选择器，但它选择您想要的元素。

因此，如果您想要所有可见元素，即

ItemA

和

Red

，只需使用

$('li[value="ItemA"][color="Red"]:visible')

但正如@undefined所说，您不应该使用

颜色

和

值

属性，而应该使用适当的

数据颜色

和

数据值

<li data-value="ItemA" data-color="Red"><img src="images/1.jpg" /></li>

因此，如果您想要所有可见元素都是

ItemA

和

Red

，只需使用

$('li[value="ItemA"][color="Red"]:visible')

但正如@undefined所说，您不应该使用

颜色

和

值

属性，而应该使用适当的

数据颜色

和

数据值

<li data-value="ItemA" data-color="Red"><img src="images/1.jpg" /></li>

使用

.filter（）

函数

$('li[value="ItemA"][color="Red"]').filter(':visible');

或

使用

.filter（）

功能

$('li[value="ItemA"][color="Red"]').filter(':visible');

或

---

那么你想把这两个

$（'li[value=“ItemA”][color=“Red”]：可见）

？那么你想把这两个

$（'li[value=“ItemA”][color=“Red”]：可见）

？