Question

<div id="slide2" class="slide" style="z-index:2;">
    <div style="display:none; z-index:1;position:absolute; bottom:10px;right:10px;padding:20px; background:#fff;border:solid 1px black;border-radius:15px;box-shadow: 4px 4px 3px #888888;" class="rss_qrcode"></div>
</div>

这有效：

$('.rss_qrcode').css('display', 'block');

这不起作用：

$('#slide2.rss_qrcode').css('display', 'block');

我需要能够只使用驻留在＃slide2 div中的类rss_qrcode来操作div ...

我也试过

$('#slide2')find('.rss_qrcode').css('display', 'block');

也没有工作=（

Answer 1

在这两种情况下你都被一个角色所取消！

$('#slide2 .rss_qrcode').css('display', 'block');
//        ^-- space here means look inside #slide2

OR

$('#slide2').find('.rss_qrcode').css('display', 'block');
//          ^-- dot required for function chaining

Answer 2

尝试这样做：

$('#slide2 > .rss_qrcode').css('display', 'block');

在此处详细了解选择器： http://www.w3schools.com/jquery/jquery_ref_selectors.asp

Answer 3

你觉得这听起来很复杂，但事实并非如此......当你拥有它时，它的身份并不重要。

以下代码正是您所需要的：

$('#2>.b').css("background-color", "red");

演示：http://jsfiddle.net/Q6FUM/1/

在进入jquery选择器之前，这些选择器主要是css选择器，但在这里和那里进行了修改，你需要得到一个css选择器。下面的链接将帮助您开始..

http://www.w3schools.com/cssref/css_selectors.asp

选择器只是通过类，id，属性或遗产（如abc div的第一个子元素）在html中选择元素的方法。有一些选择器不可用，但将在下一版本的CSS中。

您可能想知道.class.class与.class .class之间有什么区别，请看这里 What is the difference between the selectors ".class.class" and ".class .class"? 。

jquery在div中使用带有类Y的类X的select元素

3 个答案: