Как создать тег (например, класс) внутри опции внутри элемента SELECT?

Question

У меня есть коробка для выбора, где у меня может быть 2 вида опций: автомобили или лодки. Так что я думаю, чтобы создать некоторые так:

<select> 
    <option value="1" class="cars">Car1</option> 
    <option value="2" class="boats">Boat1</option> 
    <option value="3" class="cars">Car5</option> 
    <option value="4" class="cars">Car7</option> 
    <option value="5" class="boats">Boat4</option> 
</select> 

Цель состоит в том, чтобы определить, какой класс элемента был выбран с помощью JQuery. Как только класс является атрибутом, не поддерживаемым внутри "option", что может быть лучшим подходом, чтобы пометить эти два разных класса в этом случае?

Answer 1

Попробуйте accurate documentation. Атрибут class появляется на Элементы HTML (все из них).

Используйте класс. Это стандартный способ отметить элемент как часть произвольной группы.

---

И, как мне не нравится W3Schools, это не делает эту проблему неправильной. Атрибут class указан на другой стороне ссылки на Глобальные атрибуты.