Question

这里我用下面的另一个标签'$ holder'包装一个HTML标签。

  $holder = $('<div />')
    .addClass('joverlaytext')
    .css({
        position:'relative', 
    });
  $(this).wrap($holder);

现在在这个陈述之后如何获得对这个新创建的HTML元素的对象/引用，即。 jQuery obj'$ holder'

Answer 1

只需继续链，例如：

$(this).wrap($holder).show();

如果查看manipulation methods documentation，.wrap（elem）会返回一个jQuery对象，所以链接或

var result = $(this).wrap($holder);

会奏效。

Answer 2

继续正常使用$ holder，将其放在wrap函数中不会改变它的jQuery对象引用。所以你可以这样做。

  $holder = $('<div />')
    .addClass('joverlaytext')
    .css({
        position:'relative', 
    });
  $(this).wrap($holder);
  $holder.show().doTheFunkyChickenDance();

同样一如既往，尽量不要使用$（this），而是通过执行此操作来缓存对象查找

var $this = $(this);
// then just use $this as normal so
$this.wrap($holder);

使用var关键字也很重要，因为它创建了一个语言环境变量而不是一个全局变量，应该避免这个变量在以后的轨道上停止撞击。

获取jQuery对象/引用

2 个答案: