0

この問題の拡張として: JQuery は、キーワードが含まれている場合にのみ DIV とその内容を返します。

メニューが 2 つのコンポーネントに分割されました。トップ メニュー要素とボトム メニュー要素は、html のトークン値に基づいています (今のところ、これは TOP です)。

次の問題は、以下に示すように、トップ メニュー div に既に静的コードが含まれていることです。新しく作成された項目 (トップ メニュー用) を対応する静的構造に一致させるにはどうすればよいでしょうか。html を表示させてください。

静的 HTML

<div id="top">
    <ul>
        <li>Category 1</li>
        <li>Category 3</li>
    </ul>
</div>

この「topelement」の各アイテムは、h3 タグを含む周囲の div と、それに続くリスト アイテムを含む UL で構成されます。

例: 最初の h3 タグには、topElement グループに配置されることを示すテキスト「TOP Item 1」が含まれます。私の目標は、文字列「TOP」を分離し、リストに続く「Item 1」UL と結合することです。静的 nav の項目なので、これは次のようにサブ nav 要素になります。

<div id="top">
    <ul>
        <li>Category 1
            <ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>
        </li>
        <li>Category 3<ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>
        </li>
    </ul>
</div>

再度、感謝します

4

1 に答える 1

0

こんにちは MrFitz: コードに必要な変更を加えました。リンクは次のとおりです。

jsfiddle.net/HRs8N/6 .

ハッピーコーディング:)

于 2013-04-05T12:27:59.760 に答える