захватить заголовок значение с помощью родителя()

Question

У меня есть этот HTML код:

<a class="ms-navedit-linkNode" title="Apps" href="url/test"> 
    <span class="menu-item-text">Apps</span> 
</a> 

Я хочу, чтобы изменить значение заголовка от «приложения» к чему-то еще.

Вот javascript, который я использую, но он просто дает переменную названия undefined.

Примечание: Все остальное прекрасно работает в моем коде JS

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".menu-item-text").each(function() { 
      var text = $(this).text(); 
      if (text == "Apps") { 
       $(this).text(""); 
       $(this).text("Organization"); 

       var title = $(this).parent().attr("title"); 

       if (title == "Apps") { 
        $(this).parent().attr("title", "Organization"); 
       } 
      } 
     }); 
    }); 
</script> 

Я делаю что-то здесь не так?

Answer 1

Ваш HTML отсутствует кавычку

<a class="ms-navedit-linkNode" title="Apps" href="url/test"> 
    <span class="menu-item-text">Apps</span> 
</a> 

Вы также имели капитал А на Attr. Это должно быть:

$(".menu-item-text").each(function() { 
    var text = $(this).text(); 
    if (text == "Apps") { 
     $(this).text("Organization"); 

     var title = $(this).parent().attr("title"); 
     alert($(this).parent().attr("title")); 

     if (title == "Apps") { 
      $(this).parent().attr("title", "Test"); 
      alert($(this).parent().attr("title")); 
     } 
    } 
}); 

Я поставил оба предупреждения, чтобы предупредить атрибут title до и после его изменения.

Fiddle: http://jsfiddle.net/VinnyFonseca/x8ceZ/

Answer 2

Вы почти там. Вот fiddle.

Изменения:

1. $(this).val(""); в $(this).text(""); (вы можете удалить заявление в целом).
2. $(this).parent().Attr("title", "Test"); в $(this).parent().attr("title", "Test");