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

Потому что this не является объектом jQuery.

Попробуйте:

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

Answer 6

Вы имели в виду это вместо этого?

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

Answer 7

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

Вам нужен $ ()