Question

是否有一种方法可以使用不知道类排列的类来获取元素？

我这里有一个示例HTML

<table>
  <tr class="header first test1">
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr class="header first test2">
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr class="h34der third test1">
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

我需要获取以 header 和 test1 作为其类的元素

我所做的选择如下：

选项1

$('.header, .test1').css('background','yellow');

但是它不正确，因为它会为所有具有“ header”或“ test1”类的元素着色。

选项2 我看到这是可能的

$("[class*='header first test1']").css('background','yellow');

但是我的情况是我不知道“ first”类，而我知道的唯一的类是“ header”和“ test1”。

是否可以使用多个类来标识元素？感谢您的帮助。

这是我用来测试的小提琴：http://jsfiddle.net/ky8d94n6/

Answer 1

使用$('.header.test1')选择元素将对header和test1进行分类：

$(document).ready(function(){
    $('.header.test1').css('background','yellow');
});

$(document).ready(function(){
	$('.header.test1').css('background','yellow');
});

table, th, td {
    border: 1px solid black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr class="header first test1">
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr class="header first test2">
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr class="h34der third test1">
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

使用随机排列的多个类别识别元素

1 个答案: