jQuery删除(div)中的ID

时间:2019-04-05 07:00:27

标签: jquery html css

我想用jQuery在(div)中删除ID,可以帮我吗?

这是我的HTML:

<div class="margin-pack">

    <div class="pack">
        <a data-tab="tab-1">pack1-cu</a>
    </div>
    <div class="pack">
        <a data-tab="tab-2"pack2-cu</a>
    </div>
    <div class="pack" id="active">
        <a data-tab="tab-3">pack3-cu</a>
    </div>
</div>

我想用jQuery cod单击div(打包),id(活动)以删除。 然后点击其他div(打包),id(活动)添加。

3 个答案:

答案 0 :(得分:1)

您可以使用此示例删除ID:

$('div#active').removeAttr('id');

您可以使用此示例添加ID:

$('div.pack').attr('id', 'active');

答案 1 :(得分:0)

$("#active").removeAttr("id");  只需使用

答案 2 :(得分:0)

$(document).ready(function() {
  $(".pack").click(function() {
    $(".pack").removeAttr("id")
    $(this).attr('id', 'active');
  });
});
#active {
  background: red;
  color: white;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="pack">
  <a data-tab="tab-1">pack1-cu</a>
</div>
<div class="pack">
  <a data-tab="tab-2">pack2-cu</a>
</div>
<div class="pack" id="active">
  <a data-tab="tab-3">pack3-cu</a>
</div>