如何使用jQuery在同一个div中只选择三个img中的两个?
代码如下:如何使用jQuery在同一个div中只选择三个img中的两个?,jquery,css,Jquery,Css,代码如下: <div id="compv-navbar"> <a href="#"><img src="image1.png" id="icon1"></a> | <a href="#"><img src="image2.png" id="icon2"></a> | <a href="#"><img src="image3.png" id="i
<div id="compv-navbar">
<a href="#"><img src="image1.png" id="icon1"></a> |
<a href="#"><img src="image2.png" id="icon2"></a> |
<a href="#"><img src="image3.png" id="icon3"></a> |
<span id="view_name"> 2-up</span>
</div>
$("#icon2")
.qtip ({
content: 'Placeholder Text.',
show: 'mouseover',
hide: 'mouseout'
})
// select all images after the first one
$("#compv-navbar img:gt(0)")
但是,上面的方法很有效,我想同时选择“icon2和icon3”
我试过做$('#icon2#icon3')
,但没有成功。试试看
$('#icon2 , #icon3')
用逗号分隔
看:
试试$('icon2,'icon3')
,
可用于组合选择器
您可以尝试使用-
$('#icon2, #icon3')
或
您需要用逗号分隔多个元素:
$('#icon2, #icon3')
相当于
$('#icon2').add('#icon3')
$('#compv-navbar').find('img:gt(0)')
相当于
$('#icon2').add('#icon3')
$('#compv-navbar').find('img:gt(0)')
只需添加,您可以按如下方式使用选择器:
<div id="compv-navbar">
<a href="#"><img src="image1.png" id="icon1"></a> |
<a href="#"><img src="image2.png" id="icon2"></a> |
<a href="#"><img src="image3.png" id="icon3"></a> |
<span id="view_name"> 2-up</span>
</div>
$("#icon2")
.qtip ({
content: 'Placeholder Text.',
show: 'mouseover',
hide: 'mouseout'
})
// select all images after the first one
$("#compv-navbar img:gt(0)")