jQuery在元素的上下文中运行函数

jQuery run function in context of element

本文关键字:运行 函数 上下文 元素 jQuery      更新时间:2023-09-26

我有一个函数(仅作为示例)可以查找所有div并将其附加到其中。

function test() {
    $('div').append(/*...*/);
}

现在,我正在通过$.get函数将新的div加载到我的容器元素中。加载完新的div后,我想在上下文中调用test()函数(仅限于)我的容器元素。我只想在新的div后面加上什么。我不想在旧的div上加两次。

如果可能的话,我不想编辑测试函数。

function test(container) {
    $(container).find('div').append(/*...*/);
}

使用方式类似:

test("body");
test("#mainContainer");
test("ul.spiffy > li");

简而言之,您只需传入要在其中修改div的选择器。

如果你想允许一个"默认"值,你可以这样做:

function test(container) {
    if (container == undefined) container = "body";
    $(container).find('div').append(/*...*/);
}

现在,如果不传递任何参数进行测试,它将把append应用于body中的所有div元素。

$('div', 'container').append(/* code */);