Изменение идентификатора элемента с помощью jQuery

Question

Мне нужно изменить идентификатор элемента с помощью jQuery.

Видимо они не работают:

jQuery(this).prev("li").attr("id")="newid" 
jQuery(this).prev("li")="newid" 

я узнал, что я могу сделать это случиться со следующим кодом:

jQuery(this).prev("li")show(function() { 
    this.id="newid"; 
}); 

Но это не кажется мне правильным. Должен быть лучший способ, нет? Кроме того, в случае, если нет, какой другой метод я могу использовать вместо show/hide или других эффектов? Очевидно, я не хочу каждый раз показывать/скрывать или влиять на элемент, просто чтобы изменить его идентификатор.

(Да, я новичок JQuery.)

Редактировать
Я не могу использовать классы в этом случае, я должен использовать идентификаторы.

Answer 1

Ваш синтаксис неверен, вы должны передать значение в качестве второго параметра:

jQuery(this).prev("li").attr("id","newId"); 

Answer 2

Я не уверен, какова ваша цель, но может быть лучше использовать addClass? Я имею в виду, что идентификатор объектов, на мой взгляд, должен быть статичным и специфичным для этого объекта. Если вы просто пытаетесь изменить его из показа на странице или что-то в этом роде, я бы поместил эти данные в класс, а затем добавлю его в объект, а затем попытаюсь изменить его идентификатор. Опять же, я говорю это, не понимая вашей подчеркнутой цели.

Answer 3

Что вы имеете в виду, чтобы сделать это:

jQuery(this).prev("li").attr("id", "newID"); 

Это установит идентификатор нового ID

Answer 4

Я сделал что-то подобное с этой конструкцией

$('li').each(function(){ 
    if(this.id){ 
    this.id = this.id+"something"; 
    } 
}); 

Answer 5

Ответ Эрана хорош, но я бы добавил к этому. Вам нужно следить за любой интерактивностью, которая не является встроенной в объект (то есть, если событие onclick вызывает функцию, оно все равно будет), но если есть некоторая обработка событий javascript или jQuery, прикрепленная к этому ID, она будет в основном оставлена :

$("#myId").on("click", function() {}); 

Если идентификатор теперь изменен на # myID123, функция, указанная выше, перестанет функционировать корректно из моего опыта.

Answer 6

предпочтительным вариантом над .attr является использование .prop так:

$(this).prev('li').prop('id', 'newId'); 

.attr извлекает атрибут элемента, тогда как .prop получает свойство, что ссылки атрибутов (то есть то, что вы фактически намереваясь изменить)

Answer 7

<script> 
     $(document).ready(function() { 
      $('select').attr("id", "newId"); //direct descendant of a 
     }); 
</script> 

Это может быть сделано для всех целей. Просто добавьте перед тегом закрытие тега и не используйте для добавления Jquery.min.JS

Answer 8

$("#LeNomDeMaBaliseID").prop('id', 'LeNouveauNomDeMaBaliseID'); 

Answer 9

, если вы хотите изменить старый идентификатор, то теперь показывают в примере

<label id="myOldId">Change id....</label> 

и Chage путем использования Java-скрипта

<script type="text/javascript" src="jQuery-1.7.2.js"></script> 

<script> 
$(document).ready(function() { 

    $('#myOldId').attr('id', 'newID'); 

    }); 
</script>