Добавляем атрибут со значением, возвращаемым функцией

Метод: .attr(name, fn);

• Задача 1:

  - всем элементам span на странице присвоить уникальный идентификатор set_, с индексом, равным значению индекса элемента в наборе.

  Показать решение

  • Решение:

    $(function () {
        $('span').attr('id', function(index) {
    		return 'set_'+index;
    	});
    });
    

    Пояснение:

    - Для решения задачи с помощью селектора $('span') выберем все элементы span на странице. С помощью метода .attr('id', function(index) {return 'set_'+index;}); добавим всем отобранным элементам атрибут id и присвоим ему значение set c индексом, равным индексу элемента в отобранном наборе. Если элемент span в отобранном наборе не имел атрибута id, то он будет добавлен. Если элемент span уже обладал атрибутом id, то его значение изменится.

    Результат:

    При загрузке страницы, к которой подключен скрипт, всем элементам span будет добавлен атрибут id со значением set_0, set_1, set_2 ... и т.д.