2017-01-11 3 views
0

Как я могу найти элементы с flag-view-v3class name, а затем найти соседа класса (напр. flag-CoteD'Ivoire) и удалить все символы 'из этого class nameЗаменить имя класса с JavaScript

.flag-Chile {background: url('../images/ChileFlag.png');} 
.flag-Chinese'Taipei {...} 
.flag-Colombia {...} 
.flag-Costa'Rica {...} 
.flag-CoteD'Ivoire {...} 
.flag-Dominican'Republic...{} 

<div class="flag-view-v3 flag-Dominican'Republic"></div> 
+2

Покажите нам, что вы пробовали и где ошибки – Weedoze

+0

У меня нет идей, как получить соседний класс или имя класса найти все классы с flag- * Приставка –

+0

Вы можете использовать document.getElementByClassName, а затем доступ ко всем классам с getAttribute ('class') вы можете получить доступ ко всем его классам. https://developer.mozilla.org/en/docs/Web/API/Document/getElementsByClassName http://www.w3schools.com/jsref/met_element_getattribute.asp Дайте мне знать, если вам нужен пример. –

ответ

0
var div = document.querySelectorAll('.flag-view-v3'); 

for(var i=0;i<div.length;i++){ 
    div[i].className = div[i].className.replace("'",""); 
} 
+0

Спасибо (Y) (Y) (Y) –

0

Вы можете добиться этого легко с JQuery просто включают JQuery файл:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

И затем использовать этот код, чтобы сделать то, что вы пытаетесь сделать:

<script> 
    $(function(){ 
     $(".flag-view-v3").siblings(".flag-CoteD'Ivoire"); 
    }); 
</script> 

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

0
document.querySelectorAll('.flag-view-v3') 
    .forEach(el => (el.className = el.className.replace("'", ''))); 

Обратите внимание, что forEach на NodeList не поддерживается в старых браузерах, но есть альтернативные способы перебора над ними, если вам нужно.

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