jQuery - Thêm ID thay vì lớp

Question

Tôi đang sử dụng hiện nay jQuery:

$(function() { 
    $('span .breadcrumb').each(function(){ 
     $('#nav').addClass($(this).text()); 
     $('#container').addClass($(this).text()); 
     $('.stretch_footer').addClass($(this).text()) 
     $('#footer').addClass($(this).text()); 
    }); 
}); 

Nó áp dụng các văn bản được tổ chức tại đường dẫn để 4 yếu tố trên trang, cho phép tôi để tạo kiểu đặc biệt để trang có trên .

Tôi muốn thử thêm ID thay vì một lớp, làm thế nào tôi có thể đạt được điều này?

Answer 1

Hãy thử điều này:

$('element').attr('id', 'value'); 

Vì vậy, nó trở thành;

$(function() { 
    $('span .breadcrumb').each(function(){ 
     $('#nav').attr('id', $(this).text()); 
     $('#container').attr('id', $(this).text()); 
     $('.stretch_footer').attr('id', $(this).text()) 
     $('#footer').attr('id', $(this).text()); 
    }); 
}); 

Vì vậy, bạn đang thay đổi/ghi đè id của ba phần tử và thêm id vào một phần tử. Bạn có thể thay đổi theo nhu cầu của bạn ...

Answer 2

$('selector').attr('id', 'yourId'); 

Answer 3

Hãy ghi nhớ này ghi đè bất kỳ ID rằng nguyên tố này đã có:

$(".element").attr("id","SomeID"); 

Lý do tại sao addClass tồn tại là vì một yếu tố có thể có nhiều lớp, vì vậy bạn sẽ không nhất thiết phải ghi đè lên các lớp đã được thiết lập. Nhưng với hầu hết các thuộc tính, chỉ có một giá trị được phép tại bất kỳ thời điểm nào.

Answer 4

nếu bạn muốn 'thêm vào id' thay vì thay thế nó

chụp id hiện tại trước, sau đó nối id mới của bạn. đặc biệt hữu ích cho twitter bootstrap sử dụng trạng thái đầu vào trên biểu mẫu của chúng.

new_id = '{{old_id}} inputSuccess'; 
    old_id = that.attr('id'); 
    that.attr('id', new_id.replace(/{{old_id}}/ig,old_id)); 

nếu bạn không - bạn sẽ mất bất kỳ thuộc tính nào bạn đã đặt trước đó.

hth,

Answer 5

Im làm điều này trong coffeescript

booking_module_time_clock_convert_id =() -> 
    if $('.booking_module_time_clock').length 
    idnumber = 1 
    for a in $('.booking_module_time_clock') 
     elementID = $(a).attr("id") 
     $(a).attr('id', "#{elementID}_#{idnumber}") 
     idnumber++