Question

如何在父级内引用具有特定类名的每个元素，其中父级引用变量。

例如：

$('.tenUnit').each(function(index, element){

    //below element is a parent that is a variable
    $('element .specifyClass').each(function(index2, element2){
        // ... some code ...
    });
});

<div class="tenUnit"><!-- parent 1 -->
    <div>
        <input class="specifyClass"> <!-- can be anywhere inside div.tenUnit -->
    </div>
    <input class="specifyClass"><!-- can be anywhere inside div.tenUnit -->
</div>

<div class="tenUnit"><!-- parent 2 -->
    <div>
        <input class="specifyClass"> <!-- can be anywhere inside div.tenUnit -->
    </div>
    <input class="specifyClass"><!-- can be anywhere inside div.tenUnit -->
</div>

Answer 1

你可以使用$（element）.find（'。specifiedClass'）

Answer 2

您可以使用jQuery selector context

默认情况下，选择器在DOM开始时执行搜索在文档根目录。但是，可以给出替代上下文通过使用可选的第二个参数到$（）函数进行搜索。例如，要在事件处理程序中进行搜索，搜索可以是像这样限制：

$('div.foo').click(function() {
  $('span', this).addClass('bar');
});

当搜索范围选择器仅限于上下文时   这样，只有点击元素中的跨度才能获得额外的元素   类。

在内部，选择器上下文是使用.find（）方法实现的，   所以$（'span'，this）相当于$（this）.find（'span'）。

在您的示例中，您可以使用$(element)作为上下文。

选择父级内的每个元素，父级是变量

2 个答案: