Как я могу изменить имя класса в jquery

Как я могу изменить имя всего класса в jquery. спасибо за помощь. Например:

$('.myclass').removeClass("name-*");
$('.myclass').addClass("name-999");
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "myclass name-212"></div>
<div class = "myclass name-545"></div>
<div class = "myclass name-767"></div>

Лучшим решением было бы полностью избежать проблемы. Инкрементальные атрибуты id и class - это анти-шаблон - одна из причин, почему вы только что обнаружили. Зачем вообще нужны эти занятия?

Rory McCrossan 29.05.2018 12:10

id или class не важно. Мне это нужно :)

nFnK 29.05.2018 12:14

Я не говорю использовать идентификаторы или классы, я говорю, что не используйте инкрементные идентификаторы.

Rory McCrossan 29.05.2018 12:16
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
1
3
55
3

Ответы 3

Вы можете сделать это с помощью регулярного выражения

$('.myclass').removeClass(function (index, cssClass) {

  return (cssClass.match (/\bname-\S+/g) || []).join(' ');

});

Он удалит все классы имен из .myclass.

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

попробуйте также это:

$(".myclass").removeClass(function (index, className) {
   return (className.match (/(^|\s)name-\S+/g) || []).join(' ');
});

Что ж, если вы знаете / хотите, чтобы у div был myclass name-999, почему бы вам не удалить все классы и не добавить то, что вы хотите?

$('.myclass').removeClass().addClass("myclass name-999");
.name-999 {
  width:10px;
  height:10px;
  background:red;
  margin:10px 0;
}
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "myclass name-212"></div>
<div class = "myclass name-545"></div>
<div class = "myclass name-767"></div>

Другие вопросы по теме