2016-09-07 3 views
0

Привет Я пытаюсь удалить все идентификатор из DIV с именем общего класса:Найти имя класса, то удалить ID #

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

Но не работает. Я не хочу (например, найти идентификатор затем удалить идентификатор), как там штабеля генерироваться идентификаторами

Thx

+1

попробовать только один параметр: '.removeAttr ('идентификатор')' | https://api.jquery.com/removeAttr/ – kosmos

+3

'$ ('div.panel-group'). removeAttr ('id');' если у вас есть параметр 2, который вы только что установили – guradio

+0

К сожалению, это не сработает. Я могу успешно выполнить $ ('# myID123'). RemoveAttr ('id'); но я хочу найти имя класса. – roshambo

ответ

0

Это один работал на меня, я показываю предупреждение с идентификатором элемента и я удалить идентификатор элемент, то, если я снова отображу предупреждение, идентификатор не будет определен.

<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, чтобы мы могли иметь лучшее представление.

+0

Thx, но не работает – roshambo

0

попробуйте это. это объяснит, что вы хотите. попробуйте нажать на первый div, если имя класса равно вашему имени поиска, оно удалит идентификатор div. Затем он удалит все стили, для этого id.try. надеюсь, это поможет вам.

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title></title> 
 
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
\t 
 
</head> 
 

 
<style type="text/css"> 
 
div.container div{ 
 
\t width: 100px; 
 
\t height: 100px; 
 
\t border:1px solid black; 
 
\t margin:20px; 
 
\t cursor: pointer; 
 

 
} 
 

 
.first{ 
 
\t background-color: orange; 
 
} 
 

 
.second{ 
 
\t background-color: pink; 
 
} 
 

 
.third{ 
 
\t background-color: purple; 
 
} 
 

 
#firstid{ 
 
\t border:10px solid red; 
 
} 
 

 
</style> 
 

 
<body> 
 
\t 
 
<div class="container"> 
 
\t <div class="first" id="firstid">class = "first" and <br> id="firstid"</div> 
 
\t <div class="first" id="secondid">class = "first" and <br>id="secondid"</div> 
 
\t <div class="second" id="thirdid">class = "second" and <br>id="thirdid"</div> 
 
\t <div class="third" id="fourthid">class = "third" and <br>id="fourthid"</div> 
 
</div> 
 

 

 
</body> 
 

 
<script type="text/javascript"> 
 
$(document).ready(function() 
 
{ 
 
    \t $("div.container div").click(function(){ 
 
    \t \t var the_class = $(this).attr('class');//get the class name of clicked one 
 
    \t \t var the_id = $(this).attr('id');//get the id of the clicked 
 

 
    \t \t alert("The class name :" +the_class + " and the id :"+the_id); 
 

 
    \t \t //then implment your condition 
 
    \t \t if (the_class == "first") 
 
    \t \t { 
 
    \t \t \t $("[class='first']").removeAttr('id'); 
 
    \t \t } 
 

 

 

 
    \t }); 
 
    \t 
 
}); 
 

 

 
</script> 
 
</html>

Смежные вопросы