Сохранение скрытого HTML на странице?

Question

Мне нужно сохранить скрытый HTML для каждого элемента li. Каков наилучший способ сделать это?

Я попытался хранить его как данные для каждого элемента li, но скрытые теги HTML прикручивают элемент li.

Мне удалось это сделать, сохранив данные в скрытой текстовой области для каждого li.

Это лучший способ сделать это? Или есть лучший способ.

Я храню около 200 символов.

Answer 1

Вы можете поместить скрытое поле в каждое li, чтобы поместить данные! Я думаю, что скрытые поля будут работать хорошо, и нет ограничений для объема данных.

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

Надеет, что это поможет вам!

Answer 2

Поместите свой скрытый HTML в div/span с классом CSS, который имеет:

display: none; 

Смотрите display недвижимость.

Answer 3

<input type="hidden" value="your hidden stuff here" /> 

Answer 4

Являются ли ваши данные HTML или контент? Вам это нужно по программным причинам? Если это просто вопрос сокрытия контента, как для чтения с экрана при использовании изображения замены, например, использовать CSS:

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

Beyond, что вы могли бы использовать скрытые поля формы, или просто использовать CSS, чтобы скрыть элемент полностью.

Answer 5

try this 
<div style="display:none;">your html here.....</div> 

Answer 6

Один из способов, которым я недавно научился, это использовать теги <script>. Вы можете добавить идентификатор к тегу сценария и ссылку в 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> 

Я created a fiddle, но я должен был использовать DIV в HTML области, потому что скрипка не нравится иметь дополнительный узел сценария. .. Принцип тот же - просто измените сценарий в своем html на своей странице.

Answer 7

Если < Ли> дети с ола> элемент < и значения, которые вы хотите хранить целые числа, то вы можете хранить их как

<li value="11">DISPLAY ITEM</li> 

Answer 8

другой подход:

если вы хотите, чтобы ваши 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.

Капитан Очевидный.