attr未定义

Question

以下代码不起作用，因为attr未定义：

$("#foo a[href]").each(function()
{
    this.attr("href", "www.google.com");
});

但是这段代码确实：

$("#foo a[href]").each(function()
{
    this.href = "www.google.com";
});

为什么？

Answer 1

您需要打包this ... $(this)

attr是jQuery对象的方法，href是元素节点的属性

Answer 2

函数中的this引用是对DOM元素的引用。引用不是 jQuery对象。

Answer 3

因为每个内部的this引用了DOM元素本身而不是它的jQuery版本，并且attr方法仅在jQuery对象上定义。

因此，要使用attr方法，需要将DOM元素包装在jQuery对象中：

$("#foo a[href]").each(function()
{
    $(this).attr("href", "www.google.com");
});

Answer 4

尝试.prop（）

this.prop("href", "www.google.com");

Answer 5

$("#foo a[href]").each(function()
{
    $(this).attr("href", "www.google.com");
});

您需要$（）

Answer 6

你的意思是这样吗？

$(this).attr("href","www.google.com");？

Answer 7

因为this不是jQuery对象。

尝试：

$("#foo a[href]").each(function() {
    $(this).attr("href", "www.google.com");
});