相关疑难解决方法(0)

jQuery removeClass通配符

有没有简单的方法来删除所有匹配的类,例如,

color-*
Run Code Online (Sandbox Code Playgroud)

所以,如果我有一个元素:

<div id="hello" class="color-red color-brown foo bar"></div>
Run Code Online (Sandbox Code Playgroud)

删除后,它会

<div id="hello" class="foo bar"></div>
Run Code Online (Sandbox Code Playgroud)

谢谢!

html jquery

354
推荐指数
7
解决办法
14万
查看次数

正则表达式中的单词边界是什么?

我在Java 1.6中使用Java正则表达式(尤其是解析数字输出)并且找不到\b("单词边界")的精确定义.我假设这-12将是一个"整数字"(匹配 \b\-?\d+\b),但似乎这不起作用.我很想知道匹配空格分隔数字的方法.

例:

Pattern pattern = Pattern.compile("\\s*\\b\\-?\\d+\\s*");
String plus = " 12 ";
System.out.println(""+pattern.matcher(plus).matches());
String minus = " -12 ";
System.out.println(""+pattern.matcher(minus).matches());
pattern = Pattern.compile("\\s*\\-?\\d+\\s*");
System.out.println(""+pattern.matcher(minus).matches());
Run Code Online (Sandbox Code Playgroud)

返回:

true
false
true
Run Code Online (Sandbox Code Playgroud)

regex word-boundary

107
推荐指数
8
解决办法
12万
查看次数

删除包含一组字符的类

有没有办法删除一个启动或包含已定义文本字符串的类?

我有几个类的背景颜色覆盖开始 .bg

.bgwhite
.bgblue
.bgyellow
Run Code Online (Sandbox Code Playgroud)

我为一个选择框设置了一个小jquery,它为一个元素添加和删除了修改类,在这种情况下<a href id="buttontostyle">我需要删除这些类的标记.bg,同时保留另一个确定按钮大小的类.像这样:

    $("#buttoncolors").change(function() // buttoncolors is the select id
    {
        var valcolor = $("#buttoncolors").val();
        $("#buttontostyle").removeClass("bg" + "*");
        $("#buttontostyle").addClass(valcolor);

    });
Run Code Online (Sandbox Code Playgroud)

css jquery removeclass

6
推荐指数
1
解决办法
1万
查看次数

我们可以使用带有常见jquery查询的正则表达式吗?

我想影响包含类几乎相似的所有元素,我可以迭代并使用迭代器来完成这项工作,但我想知道在这种情况下我们是否可以使用正则表达式:

$('.player').removeClass('player-1 player-2 player-3'); //player-n
Run Code Online (Sandbox Code Playgroud)

jQuery removeClass(以及影响DOM的jquery方法)可以在这里处理正则表达式吗?

我在尝试这个:

$('.player').removeClass('/player-[0-9]+/');
Run Code Online (Sandbox Code Playgroud)

我在这里测试了正则表达式匹配,但是它不适用于我的DOM,在这种情况下jQuery是否支持正则表达式?

jquery

5
推荐指数
1
解决办法
256
查看次数

如何删除以...开头的类?

HTML

<div class="ativo37 and many other classes"></div>
<div class="another classes here with ativo1"></div>
<div class="here ativo9 and more two or three"></div>
Run Code Online (Sandbox Code Playgroud)

JS

$("div[class^='ativo']").on("click", function(){
    $(this).removeClass("^='ativo'"); // How to achieve it?
});
Run Code Online (Sandbox Code Playgroud)

我该怎么做而不是.removeClass("^='ativo'");

的jsfiddle

javascript jquery

5
推荐指数
3
解决办法
7365
查看次数

如何删除以某个字符串开头的类?

我试图删除以某个字符串开头的类。

这是我的代码:

function myfunction() {
  const body = document.getElementsByTagName('div')[0];
  body.classList.remove('page*'); //remove page-parent
}

myfunction();
Run Code Online (Sandbox Code Playgroud)
<div class="page-parent pop">
  check out
</div>
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6

5
推荐指数
2
解决办法
311
查看次数

删除以string开头的所有类

我有以下HTML:

<div class="cols someclass"></div> <!--like this cols1, cols2, etc..-->
<div class="columns someclass"></div> <!--like this columns1, columns2, etc...-->
<div class="col-1 someclass"></div> <!--like this col-2, col-3,etc...-->
<div class="column-1 someclass"></div> <!--like this column-2, column-3, etc...-->
Run Code Online (Sandbox Code Playgroud)

如何删除以"col"?开头的所有类?

javascript jquery

3
推荐指数
1
解决办法
1270
查看次数

jquery删除多个变量类

我有以下DOM元素:

<div id="container">
    <ul class="block-grid three-up">
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        <li>Four</li>
        <li>Five</li>
        <li>Six</li>
    </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

我想要做的是让ul有一个类来说明哪些li正在盘旋.到目前为止,我有:

$('#container li').hover(function() {
        i = $(this).index() + 1;
        // need function to remove all classes that start with n- here
        $('#container ul').addClass('n-'+i);
        $(this).addClass('active');
    }, function() {
        // need function to remove all classes that start with n- here
        $(this).removeClass('active');
    }
);
Run Code Online (Sandbox Code Playgroud)

我需要找到一种方法来删除所有以n-开头的类,因为现在编写的代码只是添加并向ul添加类.我不能简单地删除所有其他类,因为出于结构原因,我需要其他类.而且我知道在removeClasses中没有办法使用通配符.我可以在这里使用某种正则表达式吗?

jquery

2
推荐指数
1
解决办法
1593
查看次数