Как просмотреть данные jquery () с помощью инструментов разработчика?

#html #jquery #google-chrome-devtools

#HTML #jquery #google-chrome-devtools

Вопрос:

Я присваиваю данные элементам с помощью data() функции.

Как увидеть это в инструментах разработки Chrome для корректной отладки?

Я не вижу никаких data-* отображаемых атрибутов?


Я могу видеть ассоциированные данные, Watch если у меня есть элемент object. Но могу ли я посмотреть, связаны ли какие-либо данные с каким-либо элементом в Elements ?

Комментарии:

1. Вы можете получить данные из консоли инструментов разработчика.

2. jQuery .data() не использует атрибуты, он использует копию в памяти

Ответ №1:

Смотрите Документацию для функции, которую вы используете:

Использование метода data() для обновления данных не влияет на атрибуты в DOM. Чтобы задать значение атрибута data-*, используйте attr .

Если вы хотите прочитать значение, вам также нужно прочитать его data() . jQuery не будет напрямую связывать его с элементом. Единственное соединение находится во внутреннем хранилище jQuery.