0

したがって、jquery uiがページで参照されている、jqueryスタイルのアコーディオンがあります。データベースからナビゲーション情報を取得していますが、html構造は次のようになっています。

<div id="accordion" class="ui-accordion ui-widget ui-helper-reset" role="tablist">
    <li class="sub-item">
        <div class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"
            role="tab" id="ui-accordion-accordion-header-0" aria-controls="lvl2" aria-selected="false"
            tabindex="0">
            <span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><a href="/Ebusiness/events/upcoming-events">
                Upcoming Events</a><span id="arrow"></span></div>
        <ul id="lvl2" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"
            style="display: none;" aria-labelledby="ui-accordion-accordion-header-0" role="tabpanel"
            aria-expanded="false" aria-hidden="true">
            <li class="lvl2"><a href="/upcoming-events/meeting-center">Meeting Center</a></li>
        </ul>
    </li>
    <li class="sub-item">
        <div class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"
            role="tab" id="ui-accordion-accordion-header-1" aria-controls="lvl2" aria-selected="false"
            tabindex="-1">
            <span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span><a href="/Ebusiness/Meetings/MeetingsCalendar">
                Calendar of Events</a><span id="arrow"></span></div>
        <ul id="lvl2" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom"
            style="display: none;" aria-labelledby="ui-accordion-accordion-header-1" role="tabpanel"
            aria-expanded="false" aria-hidden="true">
        </ul>
    </li>
</div>

ここでの私の目標は、タグを削除するか、ul＃lvl2リストに子がない場合にdispaly：noneを適用できるクラスを追加することです。

これは私が試しているjquery関数ですが、実行されていないようです

if ( $('#lvl2:hasChildren') ) {
$("#arrow").addClass("empty"); }

エラーは発生していません。

ありがとう

4

2 に答える 2

1 
if ( $('#lvl2').children().length )
    $("#arrow").addClass("empty");

またはブランチ付き：

if ( $('#lvl2').children().length ) {
    $("#arrow").addClass("empty");
}

これが機能する理由は、長さが1..Infinity真に検証される場合です。

if ( 1 ) {
    alert("truly");
}

しかし0、偽りを検証します：

if ( 0 ) {
    alert("falsy");
}
else {
    alert("truly");
}

を使用して、検証を反対にプッシュできます!。

!0 === true;
!1 === false;
!false === true;
!true === false;

そしてまた：

!!0 === false;
!!1 === true;
!!false === false;
!!true === true;
于 2013-03-26T19:22:50.463 に答える
0

データベースからナビゲーション情報を取得してナビゲーション用のHTMLを作成する場合、後でJavascriptを使用してページを変更するのではなく、作成したHTMLを変更し、その方法でクラスを追加/削除したくなるでしょう。

上記がオプションでない場合は、@ NULLで提案されている.children（）。length（）メソッドを使用することもお勧めします。

于 2013-03-26T19:31:11.157 に答える