Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在.id-javascript中选择.class_Javascript_Jquery - Fatal编程技术网

在.id-javascript中选择.class

在.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>

因此,我是最新接触javascript的人,在几个Div.id中有一个.class,我无法使用.css格式成功访问该id。这是我的结构

<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');