javascript - 选择类的组合

标签 javascript jquery class

我想使用 jquery 的加载函数从外部文件加载具有不同类组合的 div,但在正确分组它们时遇到一些问题。

$("#somediv").load("somefile.html .class1");   // loads all divs with class1
$("#somediv").load("somefile.html .class1.class2");   // loads all divs with class1 and class2
$("#somediv").load("somefile.html .class1,.class2");   // loads all divs with class1 and all divs with class2
$("#somediv").load("somefile.html .class1.class2,.class3");   // loads all divs with class1 and class2 and all divs with class3
$("#somediv").load("somefile.html .class1,.class2.class3");   // loads all divs with class1 and all divs with class2 and class3

我想知道如何加载带有(class1或class2)和class3的div。像这样的东西:

$("#somediv").load("somefile.html {.class1,.class2}.class3");

我尝试过使用 ()、[] 和 {} 进行分组,但似乎都不起作用。

我的外部文件看起来像这样:

<div class="class1">not selected</div>
<div class="class1 class2">not selected</div>
<div class="class2 class3">selected</div>
<div class="class1 class2 class3">selected</div>
<div class="class1 class3">selected</div>
<div class="class3">not selected</div>
...etc

基本上任何类的组合都是可能的。

最佳答案

$("#somediv").load("somefile.html .class1.class3,.class2.class3");

我认为这就是您正在寻找的。将采用任何具有 3 类以及 1 类或 2 类的内容

关于javascript - 选择类的组合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37751390/

相关文章:

javascript - 如何避免顶部空间并在justgage中制作全尺寸?

jquery - 将项目从一个可排序的 jqueryui 获取到另一个时禁用项目移动的动画

python - 为什么不能设置类的某些属性?

python - 将函数名称作为参数传递以定义通用函数

javascript - 如何使 div 充当滚动条句柄

javascript - 在页面加载时水平和垂直居中 DIV

javascript - 变量属性的继承

javascript - 桌面中的垂直滚动更改为移动 View 中的轮播

javascript - 验证 REDQueryBuilder 中输入的输入

html - 悬停时删除CSS中的圆圈