在.id-javascript中选择.class

所以我是最新使用javascript的人，我在几个div.id中有一个.class，无法使用.css格式成功访问id。这是我的结构。

<div id="mainColumn">
 <div id="SpotlightContainer">
   <div id="SpotlightText">
    <div class="Title"></div>
   </div>
 </div>
</div>

以下是我如何尝试在JQuery、中访问它

$('div.mainColumn div.SpotlightContainer  div.SpotlightText  div.Title').html(data[0].title);

我可以在Chrome中看到数据[0]。title，所以我知道这不是问题所在。有人能指出我哪里错了吗。谢谢

id选择器以#开头，而不是.（用于类选择器）。

您在ID前面加了.，但这是针对类的。ID以#为前缀。你也可以使用一个更简单的选择器：

$('#mainColumn .Title')

id的CSS选择器是#。您的查询应该是'#mainColumn #SpotlightContainer #SpotlightText div.Title'

将工作（'#'是id选择器。'.'是类选择器！）：

$('div#mainColumn div#SpotlightContainer div#SpotlightText div.Title')

然而，该选择器字符串将在hiearchy中的任意数量的子对象中工作，而与子对象的下一层无关。要进行更强类型化，可以指定子级必须是第一个子级：

$('div#mainColumn > div#SpotlightContainer > div#SpotlightText > div.Title')

或继续使用空白，不要依赖于元素之间的结构：

$('div#mainColumn div.Title')

试试这个：

 $('#mainColumn #SpotlightContainer #SpotlightText .Title');

"#"用于选择id，"."用于选择class。

相关内容