Можно ли передать параметры в атрибуте класса HTML?

Question

Я хочу иметь возможность встраивать определенную информацию в элементы HTML (изображения), не нарушая допустимую разметку HTML. Будет ли следующий код действительным HTML?

<img src="..." class="isearcher:tags(paris+hilton,gary+suneese)" >

Надежда состоит в том, чтобы позже извлечь его с помощью регулярного выражения в javascript / jQuery.

Answer 1

Формат немного отличается, но специально для этого есть плагин, плагин метаданных . Формат выглядит следующим образом (для массива, который кажется наиболее полезным здесь ... просто подумайте JSON):

<img src="..." class="isearcher {tags : ['paris hilton', 'gary suneese']}" >

Вот пример использования плагина для получения данных:

var data = $("img").metadata();
data.tags        // this is an array with both tags
data.tags.length // 2
data.tags[0]     // "paris hilton"

Вы можете попробовать это здесь

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