.innerHTML

Question

我有以下的HTML代碼

<div class="main-nav" id="main-content"> 
     <ul class="main-nav-c"> 
      <li id="Li1"><a id="A1" disabled="disabled" class="sprites"><span 
       class="headerV">Value 1</span></a></li> 
      <li id="Li2"><a id="A2" class="sprites" > 
       <span class="empx9b12">Value 2</span></a></li> 
     </ul> 
</div> 

，並讓我用下面的jQuery

value = $('#main-content .main-nav-c li').eq(0).find('a').find('.headerV')[0].innerHTML.trim().toUpperCase(); 

第一李的innerHTML，但我得到了以下錯誤：$ （...）。eq（..）。find（..）。find（..）[0] .innerHTML is undefined

Answer 1

你應該有logged your object看看會發生什麼（例如你可以做console.log(myJqueryObject.length)） 。

這裏的問題是你的選擇器是錯誤的：main-nav是一個類，而不是一個id。

你可能想

$('#main-content .main-nav-c li') 

Answer 2

value = $('.main-nav .main-nav-c li').find('a').find('.headerV').html().trim().toUpperCase(); 

console.log(value); 

你犯了個小錯誤 - 通過使用＃（ID選擇），而不是。類選擇器。

小提琴：http://jsfiddle.net/5MXWm/

Answer 3

我有改變了jQuery

value = $('#main-content .main-nav-c li').eq(0).find('a').text().trim().toUpperCase();