javascript - 如何使用 jQuery 创建元素并动态选择它们

Question

我有点难过。我想创建一些元素(使用 jQuery)，在该包装集上调用一个函数，并通过链多次继续这个过程。例如，

$('<div id="xxx"></div>')
  .call_plugin()
  .append('<div id="yyy"></div>')
  .call_plugin()
  .etc...
.end();

第一次调用插件会影响 xxx，第二次会影响 yyy，依此类推。但这并没有发生；我认为 call_plugin() 每次都在第一个 div (id=xxx) 上被调用。有解决方法吗？

提前致谢!

Answer 1

再次调用 jQuery 让其他元素执行某些功能，并附加 .append:

$('<div id="xxx"></div>')
  .call_plugin()
  .append(
     $('<div id="yyy"></div>')
     .call_plugin()
  );

你可以用同样的方式嵌套它们:

$('<div id="xxx"></div>')
  .call_plugin()
  .append(
     $('<div id="yyy"></div>')
     .call_plugin()
     .append(
        $('<div id="zzz"></div>')
        .call_plugin()
     )
  );

只是不要忘记不要将 ; 放在嵌套的 append 之后。