Question

我确定这是一个简单的方法，但我之前不必写这个语法，我无法在线找到答案！

我在html页面中有各种图形滑块 - 每个都有以下代码 -

   <div class="sliderDbWk">
        <div class="spanner">
             <div class="number">
                <span class="timer"> </span>
                    <Span class="timerPc">%</Span>
             </div>
        </div>
   </div>

每个父类是不同的（即sliderDbMnth，sliderDbCal），我传入一个滑块父类的函数，并希望在其中定位子.number div - 所以父类存储为变量 - 我是不确定如何在函数中组合变量和类名 - 我在下面尝试过 - 但它不起作用！

有什么想法吗？

 $(sliderSelect).children(' .number').css('margin-left',0);

Answer 1

如果sliderSelect仅包含班级名称，则只需将其添加.，将其转换为class selector：

$("." + sliderSelect).children(' .number').css('margin-left',0);

您也可以删除对.children()的调用（请注意，这略有不同，因为它现在正在寻找任何后代，而不仅仅是直接子项 - 这很重要，因为在您显示的标记中，{ {1}}不是外部.number）的直接子项：

div

Answer 2

它应该是.find('.number')，而不是children('.number') - 当您从'.sliderSomething'元素开始搜索时，<div class="number">是它的孙子。引用文档：

.children()方法仅与.find()中的.children()不同在.find()可以遍历时，在DOM树中向下移动一个级别在多个级别选择后代元素（孙子，等）。

Jquery - 使用变量和类名的组合进行定位

2 个答案: