2009-10-26 85 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);