jQuery 更新元素 id

Question

我是 jQuery 新手，想要更新元素的 id。我的做法是:

1. 通过 id 选择该元素

2. 用新值覆盖此 ID。

你介意告诉我我的错误在哪里吗？

谢谢!

下面是 HTML 代码:

<tr><th><label for="id_aerial_size_dist">Aerial size dist:</label></th><td><select name="aerial_size_dist" id="id_aerial_size_dist">
<option value="a">Very Fine to Fine</option>
<option value="b">Fine to Medium (EFED Default)</option>
<option value="c">Medium to Coarse</option>
<option value="d">Coarse to Very Coarse</option>
</select></td></tr>

jquery

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

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

    $('#id_aerial_size_dist').attr('id', 'id_a');

    });
</script>

Answer 1

是的，有一种方法可以更改任何属性。

$('#your_element').attr('id','the_new_id');

话又说回来，这绝对不推荐，而且也是一种非常糟糕的做法。但是，您可以使用类来实现相同的功能。

$('.my_class').removeClass('my_class').addClass('normal_element');

如果您告诉我您需要做什么，我会帮助您找到解决方案。