jquery: добавить #hash ко всем ссылкам, если они еще не созданы?

Question

Эй, ребята, следующий код работает нормально ... Я добавляю хеш # wpf-wrapper ко всем ссылкам внутри # wpf-wrapper.

$('#wpf-wrapper a').live('click',function() {
    $(this).attr('href', $(this).attr('href') + "#wpf-wrapper");        
});

Однако, если есть ссылка, которая уже имеет, например, href="#" Я не хочу добавлять еще один к нему. Почему следующий код не работает?

$('#wpf-wrapper a').not('#wpf-wrapper a[href="#"]').live('click',function() 
    $(this).attr('href', $(this).attr('href') + "#wpf-wrapper");        
});

Вдруг ни одна из моих ссылок не добавляет этот # wpf-wrapper?

Answer 1

Этот селектор неправильный

$('#wpf-wrapper a').not('#wpf-wrapper a[href="#"]')

должно быть так, используя атрибут , содержащий селектор с правильным :not() селектором

$('#wpf-wrapper a:not([href*="#"])')

Answer 2

Вот еще один способ:

$('#wpf-wrapper a').each(function(){ 
    if( !this.hash ) this.hash = "#wpf-wrapper";
});

Вы можете использовать собственное свойство hash элемента a, чтобы установить его вместо использования метода .attr() jQuery.

---

Если причина, по которой вы делаете это в обработчике кликов, заключается в том, что .each() не работает, скорее всего, вы запускаете код до загрузки DOM.

Если это так,сделайте это:

$(function() {
    $('#wpf-wrapper a').each(function(){ 
        if( !this.hash ) this.hash = "#wpf-wrapper";
    });
});

Если вы создаете элементы динамически, добавьте хеш при их создании.