.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>

并获得第一个li的innerHtml我使用以下jquery

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

但我收到以下错误:$(...).eq(..).find(..).find(..)[0] .innerHTML未定义

Answer 1

您应该已经记录了对象以查看会发生什么(例如,您可以这样做console.log(myJqueryObject.length)).

这里的问题是你的选择器是错误的:main-nav是一个不是id的类.

你可能想要

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