在.id-javascript中选择.class
因此,我是最新接触javascript的人,在几个Div.id中有一个.class,我无法使用.css格式成功访问该id。这是我的结构在.id-javascript中选择.class,javascript,jquery,Javascript,Jquery,因此,我是最新接触javascript的人,在几个Div.id中有一个.class,我无法使用.css格式成功访问该id。这是我的结构 <div id="mainColumn"> <div id="SpotlightContainer"> <div id="SpotlightText"> <div class="Title"></div> </div> </div> </div>
<div id="mainColumn">
<div id="SpotlightContainer">
<div id="SpotlightText">
<div class="Title"></div>
</div>
</div>
</div>
我可以在Chrome中看到数据[0]。标题,所以我知道这不是问题所在。
有人能指出我哪里出了问题吗。谢谢。一个以一个
#
开始,而不是一个
(代表一个)。你在ID前面加了
,但这是针对类的。ID的前缀是#
。您还可以使用更简单的选择器:
$('#mainColumn .Title')
id
的CSS选择器是
。您的查询应该是'#main column#SpotlightContainer#SpotlightText div.Title'
尝试以下操作:
$('#mainColumn #SpotlightContainer #SpotlightText .Title');
“#”用于选择id,“.”用于选择类 将起作用(“#”是一个id选择器“.”是一个类选择器!):
$('div#main column div#SpotlightContainer div#SpotlightText div.Title')
但是,该选择器字符串将处理层次结构中任意数量的子级,与找到子级的层数无关。若要更强类型,可以指定子级必须是第一个子级:
$('div#main column>div#SpotlightContainer>div#SpotlightText>div.Title')
..或继续使用空格,不要依赖元素之间的结构:
$('div#main column div.Title')
$('#mainColumn #SpotlightContainer #SpotlightText .Title');