2009-10-26 122 views
4

如何使用jquery更改divid使用jquery更改div ID

我有divid(最初爲'第一')和一個下拉(值'第一','第二')。

在更改下拉值時,我需要根據下拉值更改div的ID。

回答

6
$('select').change(function() { 
    $('div.something').attr('id',$(this).val()); 
}); 

您需要使用非ID選擇器才能獲取帶有要更改的ID的DIV。在上面的例子中,我假設了一個名爲something的類。

是否有任何特殊原因要更改div的ID?我相信有更好的解決方案。你能再詳細一點嗎?

+0

我喜歡用這個改變頁面的主題。我所有的內容都將在特定的div內。並且我爲該div定義了一個css。在改變下拉值,我想改變整個頁面的UI外觀 – Prasad 2009-10-26 10:35:29

+0

我試過這樣,它的工作。 $('select:selecttheme')。change(function(){$('div [name =「themecontent」]')。attr('id',$(this).val());} – Prasad 2009-10-26 10:45:22

11

這很簡單:

$('#first').attr('id', 'second'); 

它添加到您的onchange功能。

+0

我試了一下,它的工作原理! – 2009-10-26 10:36:27

+0

改變第一個ID後,你將如何改變它。你必須在某處存儲舊的ID,但這是一個不好的解決方案。 – pokrate 2009-10-26 11:06:21

+0

我知道,但這是他的問題,他的問 – 2009-10-26 11:09:15

3

您確定要這麼做嗎?

請記住'身份'的含義。元素的ID意味着唯一的標識符,而不僅僅是任何舊的屬性。

如果您發現自己處於需要更改身份證的位置,或許您的想法在某種程度上存在偏差。它聞起來;-)

0

我寧願使用標題屬性的那些東西。 ID也可能是不可觸摸的。 基本上:

your_element.attr("title", YOUR_TITLE);