您好我正在尝试从具有公共类名的div中删除所有id:
$('div.panel-group').removeAttr('id', '');
但是不起作用。我不想要(例如找到id然后删除id),因为有一堆生成的ID
THX
答案 0 :(得分:0)
这个为我工作,我显示一个带有元素ID的警报,我删除元素的ID,然后如果我再次显示一个警告,ID是未定义的。
<div class="panel-group" id="test">
First Div
</div>
<div class="panel-group" id="test2">
Second Div
</div>
脚本:
$('div.panel-group').each(function(){
alert($(this).attr('id'));
$(this).removeAttr('id');
alert($(this).attr('id'));
});
同时检查Jsfiddle:https://jsfiddle.net/f72q9wao/
无论如何,尝试分享一些HTML,以便我们有更好的主意。
答案 1 :(得分:0)
试试这个。这将解释你想要什么。 尝试点击第一个div,如果类名等于您的查找名称,它将删除div的id。然后它将删除所有样式,对于该id.try它。希望这对你有所帮助。
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<style type="text/css">
div.container div{
width: 100px;
height: 100px;
border:1px solid black;
margin:20px;
cursor: pointer;
}
.first{
background-color: orange;
}
.second{
background-color: pink;
}
.third{
background-color: purple;
}
#firstid{
border:10px solid red;
}
</style>
<body>
<div class="container">
<div class="first" id="firstid">class = "first" and <br> id="firstid"</div>
<div class="first" id="secondid">class = "first" and <br>id="secondid"</div>
<div class="second" id="thirdid">class = "second" and <br>id="thirdid"</div>
<div class="third" id="fourthid">class = "third" and <br>id="fourthid"</div>
</div>
</body>
<script type="text/javascript">
$(document).ready(function()
{
$("div.container div").click(function(){
var the_class = $(this).attr('class');//get the class name of clicked one
var the_id = $(this).attr('id');//get the id of the clicked
alert("The class name :" +the_class + " and the id :"+the_id);
//then implment your condition
if (the_class == "first")
{
$("[class='first']").removeAttr('id');
}
});
});
</script>
</html>