Простые соответствия регулярных выражений в JQuery

Question

Я знаю, что есть несколько вопросов и ответов на StackOverflow об использовании regex в jQuery, но они кажутся немного сложными.

Я не понимаю, почему это не работает:

$("div").click(function() { 
    $(this).parent().className.replace(/photo-\w*/, 'photo-2'); 
}); 

Похоже, простой операции: заменить родительский щелкнули DIV (что может иметь класс что-то вроде «фото-5»), с «фото-2»

Может кто-нибудь объяснить, почему приведенный выше код не работает, и обеспечить самый простой/самый чистый способ? Спасибо

Answer 1

$ (this) .parent() предоставит вам объект jQuery. Попробуйте это

$("div").click(function() { 
    $(this).parent()[0].className = $(this).parent()[0].className.replace(/photo-\w*/, 'photo-2'); 
}); 

Answer 2

Заменить нужно где-то назначить, а не просто выполнить (в противном случае оно не влияет на фактическое значение). Тем не менее, попробуйте следующее:

$('div').click(function(){ 
    var $p = $(this).parent().get(0); 
    $p.className = $p.className.replace(/photo-\w*/, 'photo-2'); 
}); 

Working on my end.