Html 如何仅选择一个';当两者都在同一ID内时,是否不在链接内?
我有一些无法更改的代码,如下所示:Html 如何仅选择一个';当两者都在同一ID内时,是否不在链接内?,html,css,Html,Css,我有一些无法更改的代码,如下所示: <div id="wombat"> <a href=""><img src="a"></a> <img src="b"> </div> $("#wombat").children("img[src=b]") 我只想瞄准img b#袋熊img{blah}正在得到这两个。我知道#袋熊a img只针对img a,但有没有办法只针对img b 谢谢大家! 使用直系后代组合器
<div id="wombat">
<a href=""><img src="a"></a>
<img src="b">
</div>
$("#wombat").children("img[src=b]")
我只想瞄准img b#袋熊img{blah}正在得到这两个。我知道#袋熊a img只针对img a,但有没有办法只针对img b
谢谢大家! 使用直系后代组合器
以直接位于div内部的图像为目标:
#wombat > img { ... }
如果img始终是div的孩子,那么
#wombat>img
如果您不知道它在div中的深度,但它不应该位于
a
下,则需要使用JS。您可以使用同级运算符或子代运算符,具体取决于您想要实现的目标:
#wombat > img {
/* any images that reside directly below #wombat, without any more levels in between */
}
a ~ img {
/* any image that follows as a sibling to an anchor */
}
a + img {
/* an image that follows as direct sibling to an anchor */
}
见:
- (
) - (
)~
- (
)+
- 试试这个
#wombat img[src="a"].
我想这对你有帮助。是的,这很简单,你可以这样做:
<div id="wombat">
<a href=""><img src="a"></a>
<img src="b">
</div>
$("#wombat").children("img[src=b]")
这里要求的是html和css,而不是JQueryOne。除非这在css中也能起作用:
#wombat img[src=“b”]
,但我从不使用图像路径作为选择器;(如果图像发生变化会发生什么情况?);顺便说一句,对于这样简单的任务,即使您使用JS,也不需要合并jQuery或其他库,因为这可以通过简单的JS来完成:document.querySelectorAll(“#wombat img[src=“b”]”)代码>,请参见:我只是在给定场景中达到了他的目的。