Как хранить информацию в html теге?

Question

[david2555]

Здравствуйте! дорогие разработчики, помогите пожалуйста!! если можете

Есть обычный html тег в котором должен хранится текст так чтобы я мог получить его в jquery.

текст не должен быть введен пользователю.

Как можно это реализовать?, получить через class тега в jquery?

Comments

[ThunderCat]

текст не должен быть введен пользователю.

куда? O.o

Answer 1

[ThunderCat]

$('#one').data('dataname', value); // помещаем данные в элемент
let variable = $('#one').data('dataname'); // читаем данные в переменную

<div id="one" data-dataname='some value'>
тут инициализированный данными див, 
можем его прочитать так же как в примере выше
</div>

hint: при добавлении данных через jquery метод data() данные в поле дата атрибута отображаться не будут(а они там есть! (с))

Comments

[Станислав Шендаков]

Чтобы изменения данных были видны и в отладчике браузера:

$('#one').data('dataname', value).attr('data-dataname', value)

Answer 2

[Евгений]

Как использовать атрибуты data. jQuery использовать необязательно даже, ее время уже прошло. Новый код стараюсь писать без использования jQuery и всем вокруг советую.

Comments

[Станислав Шендаков]

Это заявление, IMHO, уже из разряда holywar. Самые ходовые Javascript-фреймворки, насколько я знаю, имеют поддержку основных функций JQuery, так-что слухи о смерти библиотеки сильно преувеличены. Приведите пожалуйста пример, как Вы теперь пишете новый код с объективным обоснованием преимуществ. Ответ на вопрос топикстартера без применения JQuery вполне сгодится, как такой пример.

[Евгений]

Станислав Шендаков, я больше имею в виду, что сейчас многие вещи можно написать используя чистый DOM. Больно смотреть, например, когда пишут: $(this).val() вместо this.value и т.д. и т.п. добавляя кучу ненужных накладных расходов на создание объектов jQuery, когда все вполне корректно и быстро реализуется с использованием DOM.

[Станислав Шендаков]

Евгений, document.getElementById("val_res_new_nav").value вместо $('#val_res_new_nav').val() лично у меня вызывает не меньше боли. :) Если у Вас много времени на написание "портянок" подобных приведенной выше, то это Ваше право. Что-то совсем примитивное, я согласен, целесообразнее писать на нативном Javascript. Но если решается нетривиальная задача, то писать "многабукафф" и лениво, и затратно по времени. Хотелось-бы увидеть более показательный пример. Вы на мой вопрос не ответили. Я спрашивал про объективные преимущества, может-быть ссылки на какие-то бенчмарки, исследования, и.т.д.

[Владимир Сартаков]

Станислав Шендаков, насчет бенчмарков, возможно будет интересен такой тест:
jsfiddle.net/xpvt214o/940658
Это на вопрос Как будет быстрее?
Там чисто jq стайла нет (с .each()), который я думаю будет еще на порядок медленней.
Как ни крути vanilia быстрее, но не всегда значительно.
Jq конечно читаемей, с сахарком синтаксическим, в ней много клевого, я сам на ней пишу.
-
Вывод: Нужно знать оба API (DOM и jq). А использовать их можно даже одновременно исходя из целесообразности.

[ThunderCat]

Евгений,

jQuery использовать необязательно даже, ее время уже прошло.

скажите это сообществу разработчиков под цмс, где любой жс чих делается через плагины а-ля фэнсибокс, которые без жквери не работают.
Ни в коем случае не хочу приуменьшить важность знания ванилы, но жквери во многих вещах все еще впереди по удобству использования. Это не просто сахар, это очень качественный, продуманный и весьма удобный инструмент для среднего по объему кода. Где кода мало - ванила норм, где кода побольше - жк позволяет удобно с ним манипулировать, где кода уже много - целостные фреймворки типа вуе, реакт...