Как изменить атрибут заголовка элемента с помощью jQuery

прежде чем писать код, давайте обсудим разницу между атрибутами и свойствами. Атрибуты настройки применяются к элементам HTML-разметки; затем браузер анализирует разметку и создает объекты DOM различных типов, которые содержат свойства инициализируется значениями атрибутов. На объектах DOM, таких как простой HTMLElement, вы почти всегда хотите работать с его свойства, а не его атрибуты коллекция.

в настоящее время рекомендуется избегать работы с атрибутами, если они не являются пользовательскими или нет эквивалентного свойства, чтобы дополнить его. Так как title действительно существует, как читать/писать свойства много HTMLElementS, Мы должны воспользоваться этим.

вы можете узнать больше о разнице между атрибутами и свойствами здесь или здесь.

С этим в виду, давайте манипулировать этим title...

получить или установить элемент title свойства без jQuery

С title является общедоступным свойством, вы можете установить его на любой элемент DOM, который поддерживает его с помощью простого JavaScript:

document.getElementById('yourElementId').title = 'your new title';

Поиск почти идентичен; ничего особенного здесь:

var elementTitle = document.getElementById('yourElementId').title;

это будет самый быстрый способ изменить название, если вы орех оптимизации, но так как вы хотели jQuery участвуют:

получить или установить элемент titleсвойства С jQuery (v1.6+)

jQuery представил новый метод в v1.6 для получения и установки свойств. Чтобы установить title свойство на элементе, используйте:

$('#yourElementId').prop('title', 'your new title');

если вы хотите получить заголовок, опустите второй параметр и зафиксируйте возвращаемое значение:

var elementTitle = $('#yourElementId').prop('title');

Проверьте prop() документация API для jQuery.

если вы действительно не хотите использовать свойства, или вы используете версию jQuery до v1. 6, то вы должны прочитать дальше:

получить или установить элемент titleатрибут С jQuery (версии

вы можете изменить titleатрибут следующий код:

$('#yourElementId').attr('title', 'your new title');

или получить его с помощью:

var elementTitle = $('#yourElementId').attr('title');

Проверьте attr() документация API для jQuery.