簡體   English   中英

JQUery基於動態子類查找並匹配父項

[英]JQUery find and match parent based on a dynamic child class

好的,用一個標題很難解釋,但是基本上我有一個基於父級動態類的動態類添加到子元素中。 如此添加:

$('ul').each(function(key){
    if ($(this).hasClass('sortable')){
        $(this).addClass('parent' + key);
        $(this).children().addClass('parent' + key);
    };
});

之后的結構非常簡單:

<ul class="parent0">
    <li class="parent0">
        <ul class="parent1">
            <li class="parent1"></li>
        </ul>
    </li>
</ul>

現在,UI讓用戶將這些li移到父級之外,並放置在其他位置。 稍后,我要檢查元素,然后將其匹配到其對應的(原始)父元素。 它不能是$(this)父級,因為它將被移出父級,但是類仍然保留。

因此檢查要查找.parent(n),然后使用.parent(n)查找ul,最終此代碼將存在其中:

$('sortable li').appendTo($('THIS-IS-THE-DYNAMIC-CLASS'));

所以我假設發現是在此之前,但我不知道該怎么寫。

我將使用類以外的其他屬性,因此它可以是完全唯一的。 使用$(this).data$(this).attr 而且,我建議將ID再次分配給完全唯一的父對象(或其他屬性)。 我認為這將使事情更清潔。

例如...

假設:

$(this).attr('parentClass', '.parent' + key);

然后

$('.sortable li').each(function() { $(this).appendTo($(this).attr('parentClass')); });

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM