jQuery：在克隆的父级中查找克隆的子级？

发布于 2024-09-17 23:53:03 字数 638 浏览 4 评论 0原文

假设我有这个 jQuery 扩展方法：

$.fn.foobar = function() {
    var clone = this.parent().clone();
};

在获得 clone 后，如何找到与 this 相同的克隆子元素？

这行得通吗？

$.fn.foobar = function() {
    var clone = this.parent().clone();
    var cloneOfThis = clone.find(this);
};

还是这个？

$.fn.foobar = function() {
    var clone = this.parent().clone();
    var self = this;
    var cloneOfThis;
    clone.children().each(function() {
        var $this = $(this);
        if ($this === self) {
            cloneOfThis = $this;
        }
    });
};

原文

Let's say I have this jQuery extension method:

$.fn.foobar = function() {
    var clone = this.parent().clone();
};

After I've gotten clone, how can I find the cloned child element that is the same as this?

Will this work?

$.fn.foobar = function() {
    var clone = this.parent().clone();
    var cloneOfThis = clone.find(this);
};

Or this?

$.fn.foobar = function() {
    var clone = this.parent().clone();
    var self = this;
    var cloneOfThis;
    clone.children().each(function() {
        var $this = $(this);
        if ($this === self) {
            cloneOfThis = $this;
        }
    });
};

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

两个我 2024-09-24 23:53:03

您可以尝试给它一些独特的类，可用于引用正确的元素。

$.fn.foobar = function() {
      // Add a class to "this", then clone its parent
    var clonedParent = this.addClass("someUniqueClass").parent().clone();
      // Reference the new clone of "this" inside the cloned parent,
      //   then remove the class
    var cloneOfThis = clonedParent.find(".someUniqueClass").removeClass("someUniqueClass");
      // Remove the class from the original
    this.removeClass("someUniqueClass");
};

You could try giving it some unique class that could be used to refer back to the proper element.

$.fn.foobar = function() {
      // Add a class to "this", then clone its parent
    var clonedParent = this.addClass("someUniqueClass").parent().clone();
      // Reference the new clone of "this" inside the cloned parent,
      //   then remove the class
    var cloneOfThis = clonedParent.find(".someUniqueClass").removeClass("someUniqueClass");
      // Remove the class from the original
    this.removeClass("someUniqueClass");
};

回复收藏 0 原文

所有深爱都是秘密 2024-09-24 23:53:03

您无法在此处进行参考比较，因为 this 不在克隆中，它是原始元素，未移动。与您克隆的元素类似的元素位于克隆的父元素中，因此您必须确定“相同”意味着什么，它是相同的 ID、相同的 HTML 内容还是相同的值吗？

您只需要选择一个可以比较的值，因为引用在这里不起作用......您找不到不存在的东西:)

回复收藏 0 原文

栀子花开つ 2024-09-24 23:53:03

进一步考虑 patrick dw 的答案，并结合 Felix King 的评论，我建议如下：

$.fn.foobar = function() {
    return $(this).each(function() {
        // Add a class to "this", then clone its parent
        var clonedParent = $(this).addClass("someUniqueClass").parent().clone();

        // Reference the new clone of "this" inside the cloned parent
        var cloneOfThis = clonedParent.find(".someUniqueClass");

        //remove the unique class to preserve the original state (other than the clone which is now present)
        $('.someUniqueClass').add(cloneOfThis).removeClass('someUniqueClass');
    });
};

Taking patrick dw's answer a little further, and incorporating Felix King's comment, I would suggest the following:

$.fn.foobar = function() {
    return $(this).each(function() {
        // Add a class to "this", then clone its parent
        var clonedParent = $(this).addClass("someUniqueClass").parent().clone();

        // Reference the new clone of "this" inside the cloned parent
        var cloneOfThis = clonedParent.find(".someUniqueClass");

        //remove the unique class to preserve the original state (other than the clone which is now present)
        $('.someUniqueClass').add(cloneOfThis).removeClass('someUniqueClass');
    });
};

回复收藏 0 原文

~没有更多了~