找到类名然后删除id#

时间:2016-09-07 07:09:46

标签: jquery attr

您好我正在尝试从具有公共类名的div中删除所有id:

$('div.panel-group').removeAttr('id', '');

但是不起作用。我不想要(例如找到id然后删除id),因为有一堆生成的ID

THX

2 个答案:

答案 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>