Question

如何找到flag-view-v3 class name的元素，然后查找邻居类（例如flag-CoteD'Ivoire）并删除此class name

中的所有符号

.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>

Answer 1

你可以使用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>

这是您访问兄弟姐妹的方式，现在我不知道您要删除哪种符号。如果您可以发布您的代码，我可能会帮助您解决此问题。

Answer 2

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

请注意，旧浏览器不支持forEach上的NodeList，但如果需要，还有其他方法可以迭代它们。

Answer 3

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

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

用JavaScript替换classname

3 个答案: