Как заменить класс другим с помощью jQuery?

Question

Какой jquery я могу использовать для изменения класса, который используется в следующем: от indent_1 до indent_2 или indent_4 до indent_2? Я знаю об удалении класса, но как я могу это сделать, когда классы являются именами, которые меняются?

<div class="rep_td0 indent_1" id="title_1">Menu two</div> 
or 
<div class="rep_td0 indent_4" id="title_1">Menu two</div> 

Answer 1

Поскольку вы не очень точно знаете, какой класс вы хотите изменить на другой, и вы сказали, что хотите иметь дело с тем случаем, когда вы точно не знаете, что такое класс, вот некоторые идеи :

вы можете найти все объекты, которые имеют класс, который начинается с «indent_» с этим селектором:

$('[className^="indent_"]') 

Если вы хотите, чтобы изучить класс по каждому из этих объектов, вы можете выполнить пошаговые jQuery с .each() и решить, что делать с каждым объектом, или вы можете использовать removeClass() с пользовательской функцией и экзаменом ne имя класса и решить, что с ним делать.

Если вы просто хотите изменить все отступы имен классов indent_2, то вы могли бы использовать это:

$('[className^="indent_"]').removeClass("indent_1 indent_3 indent_4").addClass("indent_2"); 

или, используя пользовательскую функцию, которая может исследовать имя класса с регулярным выражением:

$('[className^="indent_"]').removeClass(function(index, name) { 
    var match = name.match(/\bindent_\d+\b/); 
    if (match) { 
     return(match[0]); 
    } else { 
     return(""); 
    } 
}).addClass("indent_2"); 

Или, если все, что вам нужно сделать, это найти объект с идентификатором = «TITLE_1» и исправить это имя_класса, вы можете сделать это так:

var o = document.getElementById("title_1"); 
o.className = o.className.replace(/\bindent_\d+\b/, "indent_2"); 

Вы можете увидеть эту последнюю одну работу здесь: http://jsfiddle.net/jfriend00/tF8Lw/

Если вы пытаетесь сделать это в функцию, которая может принимать различные номера, вы могли бы использовать это:

function changeIndentClass(id, indentNum) { 
    var item = document.getElementById(id); 
    item.className = item.className(/\bindent_\d+\b/, "indent_" + indentNum); 
} 

Answer 2

попробуйте этот код,

$("#title_1").removeClass("indent_1").addClass("indent_2"); 

, если вы не уверены, есть в наличии, попробуйте это

$("#title_1").removeClass("indent_1").removeClass("indent_4").addClass("indent_2"); 

---

Обновлено:

$("#title_1").removeClass(function() { 
    var match = $(this).attr('class').match(/\bindent_\d+\b/); 
    if (match) { 
     return (match[0]); 
    } else { 
     return (""); 
    } 
}).addClass("indent_2"); 

Answer 3

Попробуйте ниже:

$('#title_1').removeClass('indent_1').addClass('indent_2'); 

Здесь indent_1 классы будут заменены indent_2.

Answer 4

Может быть, это ?: Remove all classes that begin with a certain string

Ответ на вопрос, как заменить имя класса на элемент jQuery, который имеет определенный префикс, например, «indent_».

Хотя этот ответ конкретно не замены, вы можете добиться того, что путем изменения одного из их ответов слегка:

$("selector").className = $("selector").className.replace(/\bindent.*?\b/g, 'indent_2');

или аналогичный ...

Answer 5

Первые вещи в первую очередь. .. Если на вашей странице есть несколько элементов с одинаковым идентификатором, у вас будут проблемы с выбором их по идентификатору. Некоторые браузеры вообще не работают, а другие могут возвращать только первый элемент, который соответствует.

Итак, сначала вам нужно очистить идентификационную информацию.

Вы можете использовать начинается с выбора, чтобы найти все классы, которые соответствуют вашему имени класса скороговорку, а затем решить, если вы хотите поменять их или нет:

$('[class^="indent_"]').each(function() { 
    var me = $(this); 
    if(me.hasClass("indent_1").removeClass("indent_1").addClass("indent_2"); 
});