jQuery изменить идентификатор!

Question

Я новичок в jQuery и пытаюсь добавить скрипт для изменения идентификатора div на клике.

Вот пример jsfiddle .

$(function accept() {
    $("div:scrollwrap").attr('scrollwrap','highlight');
});​

Спасибо:)

Answer 1

Первый параметр attr должен быть именем атрибута, а не текущим значением:

$(function accept() {
    $("div#scrollwrap").attr('id','highlight');
});​

Однако, читая код jsFiddle, вы, кажется, имеете класс выделения, а не идентификатор. Вот моя отредактированная версия , с которой я думаю, что вы пытаетесь достичь.

Обратите внимание, что я изменил следующее:

• Сделал класс .hightlight более конкретным, добавив идентификатор, иначе стиль подсветки не заменит оригинал.
• Удален встроенный onClick, поскольку вы можете сделать это в своем скрипте, что считается наилучшей практикой (см. JS для добавления .click())
• Изменена функция JS для переключения класса, так как я предполагаю, что она должна быть недействительной, если пользователь снимает флажок.

Дополнительные ресурсы (документы jQuery):

• .toggleClass ()
• .click ()
• .attr ()

Answer 2

, если вы хотите изменить div с помощью прокрутки id, чтобы подсветить id:

 $(document).ready(function() {
   $("#checkbox2").click(function() {
        $("#scrollwrap").attr('id','highlight');
    });
 });

помните, что идентификатор уникален, поэтому это должно повлиять только на один элемент. если вы хотите повлиять на несколько классов использования и функции .addClass () /. removeClass ()

Answer 3

как вы меняете ID:

$(function accept(){ //makes sure your document is ready
  $('div#scrollwrap').attr('id', 'highlight')
})

(я предполагаю, что scrollwram - это ваш ID)