0

li 要素ごとに非表示の HTML を保存する必要があります。これを行う最善の方法は何ですか？

各li要素にデータとして保存しようとしましたが、隠されたHTMLタグがli要素を台無しにします。

各liの非表示のテキスト領域にデータを保存することで、なんとかそれを行うことができました。

これが最善の方法ですか？または、より良い方法があります。

私は約200文字を保存しています。

4

8 に答える 8

5

非表示の HTML をdiv/spanに配置し、次の CSS クラスを使用します。

 display: none;

display物件をご覧ください。

于 2013-06-04T13:33:39.050 に答える
1 
<input type="hidden" value="your hidden stuff here" />
于 2013-06-04T13:33:52.607 に答える
1

各liに隠しフィールドを配置して、データを配置できます! 隠しフィールドはうまく機能すると思います。データ量に制限はありません。

<input type="hidden" id="myId" value="value here pls..." />

これがお役に立てば幸いです。

于 2013-06-04T13:36:06.503 に答える
0

私が最近学んだ方法の 1 つは、<script>タグを使用することです。スクリプト タグに ID を追加し、その ID を使用して JavaScript で参照し、コンテンツを取得して何かを行うことができます。これをインライン テンプレートに使用します。

http://www.bennadel.com/blog/2411-Using-Underscore-js-Templates-To-Render-HTML-Partials.htm

<script id="foo" type="text/template">
  <p>your text here</p>
</script>

現在、実際のJavaScriptで：

<script type="text/javascript">
    <!-- assume jquery for the sake of assuming something -->
    $(function() {
    fooTemplate = $("#foo").clone();
    $("#target").append(fooTemplate);
    });
</script>

私は fiddle を作成しましたが、fiddle は余分なスクリプト ノードを持つことを好まないため、HTML 領域で div を使用する必要がありました... 原則は同じです。ページの html のスクリプトに変更するだけです。

于 2013-06-04T13:44:23.033 に答える
0 
try this
<div style="display:none;">your html here.....</div>
于 2013-06-04T13:40:51.867 に答える
0

データは HTML ですか、それともコンテンツですか? プログラム上の理由で必要ですか？たとえば、イメージ スワップを使用するときのスクリーン リーダーのように、コンテンツを非表示にするだけの場合は、css を使用します。

#my_content {
   text-indent: -9999px;
}

さらに、非表示のフォーム フィールドを使用するか、単純に CSS を使用して要素を完全に非表示にすることができます。

于 2013-06-04T13:34:15.763 に答える
0

別のアプローチ:

追加のHTMLデータを表示したいが、まったくレンダリングしたくない場合 （テキストエリア内にそれらを隠そうとしたと言ったので、これを想定しています-そして、それがこの回答を投稿する理由です）コメントの中に入れるだけですか？

<li> your code....      
<!-- 
    <div>my hidden html code of this li, of course i won't have nested comments in here!!!</div>
-->
</li>

もちろん、これはトリッキーで、このデータを取得するのは簡単ではありませんが、デバッグのためだけにこれが必要な場合は問題ありません。

それ以外の場合は、ラップされた div で display:none を使用することに賛成です。

キャプテン明らかに。

于 2013-06-04T14:00:15.113 に答える
0

< li > が < ol > 要素の子であり、格納する値が整数である場合、それらを次のように格納できます。

<li value="11">DISPLAY ITEM</li>
于 2013-06-04T13:58:11.233 に答える