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

你应该有logged your object看看会发生什么(例如，您可以执行 console.log(myJqueryObject.length))。

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

你可能想要

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