Question

我想知道如何使用Jquery

选择thumbSlider下的元素

<div class="thumbSlider"> 

                <div class="graythumb showthumb">
                <div class="bluethumb">
</div>

我熟悉如何选择一个做

的课程

$(function () {
    if ($('.graythumb').hasClass('showthumb')) {
        alert('has class2');
    }
});

但我需要确保我只会在thumbSlider类

下选择元素

在css中它就像

.thumbSlider .graythumb { display:none;}
.thumbSlider .graythumb .showthumb { display:block;}

Answer 1

好吧，就像在CSS中一样：

$(".thumbSlider .graythumb")      // Child
$(".thumbSlider > .graythumb")    // Immediate child

或使用.find()

$(".thumbSlider").find(".graythumb")

使用图书馆时，请务必花些时间浏览他们的API：
https://api.jquery.com/
https://api.jquery.com/category/selectors/

在你的情况下看起来像：

if ( $(".thumbSlider .graythumb").hasClass('showthumb')) {
// or
if ( $(".thumbSlider").find(".graythumb").hasClass('showthumb')) {

或者如果你想确保它只适用于直系孩子：

if ( $(".thumbSlider > .graythumb").hasClass('showthumb')) {
// or
if ( $(".thumbSlider").children(".graythumb").hasClass('showthumb')) {
// or
if ( $(".thumbSlider").find("> .graythumb").hasClass('showthumb')) {

选择Class selector子div Jquery

1 个答案: