Thay đổi ID của một phần tử bằng jQuery

Question

Tôi cần thay đổi ID của phần tử bằng jQuery.

Rõ ràng những không làm việc:

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

tôi phát hiện ra rằng tôi có thể làm cho nó xảy ra với đoạn mã sau:

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

Nhưng điều đó có vẻ không đúng với tôi. Phải có một cách tốt hơn, phải không? Ngoài ra, trong trường hợp không có, tôi có thể sử dụng phương pháp nào khác thay vì hiển thị/ẩn hoặc các hiệu ứng khác? Rõ ràng là tôi không muốn hiển thị/ẩn hoặc ảnh hưởng đến yếu tố mỗi lần, chỉ để thay đổi ID của nó.

(Đúng, tôi là một newbie jQuery.)

Sửa
tôi không thể sử dụng các lớp trong trường hợp này, tôi phải sử dụng ID.

Answer 1

cú pháp của bạn là không chính xác, bạn nên vượt qua giá trị như tham số thứ hai:

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

Answer 2

Tôi không chắc mục đích của bạn là gì, nhưng thay vào đó, tốt hơn nên sử dụng addClass? Tôi có nghĩa là một ID đối tượng trong quan điểm của tôi nên được tĩnh và cụ thể cho đối tượng đó. Nếu bạn chỉ cố gắng thay đổi nó hiển thị trên trang hoặc một cái gì đó như thế tôi sẽ đặt những chi tiết đó trong một lớp và sau đó thêm nó vào đối tượng thay vì sau đó cố gắng thay đổi ID của nó. Một lần nữa, tôi nói rằng không hiểu mục tiêu của bạn.

Answer 3

gì bạn có nghĩa là phải làm là:

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

đó sẽ thiết lập ID để ID mới

Answer 4

Tôi đã làm điều gì đó tương tự với cấu trúc này

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

Answer 5

Câu trả lời của Eran là tốt, nhưng tôi sẽ phụ thêm vào đó. Bạn cần phải xem bất kỳ tương tác nào không trực tiếp với đối tượng (tức là, nếu một sự kiện onclick gọi một hàm, nó vẫn sẽ), nhưng nếu có một số xử lý sự kiện javascript hoặc jQuery được đính kèm với ID đó, cơ bản nó sẽ bị bỏ rơi :

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

Nếu ID giờ đây được đổi thành # myID123, chức năng được đính kèm ở trên sẽ không còn hoạt động chính xác nữa với trải nghiệm của tôi.

Answer 6

Một lựa chọn ưa thích hơn .attr là sử dụng .prop như vậy:

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

.attr lấy thuộc tính của phần tử trong khi .prop lấy tài sản mà tài liệu tham khảo thuộc tính (tức là những gì bạn đang thực có ý định sửa đổi)

Answer 7

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

Điều này có thể làm cho mọi mục đích. Chỉ cần thêm trước thẻ đóng của bạn và không cho thêm Jquery.min.js

Answer 8

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

Answer 9

nếu bạn muốn thay đổi id cũ sau đó hiện nay cho thấy trong ví dụ

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

và chage bằng cách sử dụng java script

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

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

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

    }); 
</script>