在jQuery UI选项中使用$(this)

时间:2014-03-16 20:45:59

标签: jquery jquery-ui

我有一种情况需要在位置函数的选项中使用$(this)。我有两个下拉列表,每个下拉列表都需要在相应的按钮下方居中。我不想在DOM中添加额外的ID或任何内容,因为此代码将在一个页面中多次使用。这是fiddle

$(".dropDown .dialogueBox").position({
    my:        "center top",
    at:        "center bottom",
    of:         $(this).parent().children(".drop-button"),
    collision: "none"
});

1 个答案:

答案 0 :(得分:1)

循环浏览每个元素,然后您就可以访问$(this)

$(".dropDown .dialogueBox").each(function() {
    var that = $(this);
    that.position({
        my:        "center top",
        at:        "center bottom",
        of:         that.parent().children(".drop-button"),
        collision: "none"
    });
});

在此处详细了解.each

https://api.jquery.com/each/