Question

您可以遍历id包含med_date的所有元素，如下所示：

$( $('[id^=med_date_]') ).each(function() {

你可以通过id和class这样做吗

$( $('[id^=med_date_] [class^=med_group_]') ).each(function() {

ID可以是med_date_1, med_date_2, med_date_3, etc
同类med_group_1, med_group_2, med_group_3, etc.

Answer 1

确定您只是删除选择器之间的空格，如：

$('[id^=med_date_][class^=med_group_]')

class AND id 的选择器，如果您想 class OR id ，可以使用逗号分隔符：

$('[id^=med_date_],[class^=med_group_]')

希望他的帮助。

$( $('[id^=med_date_][class^=med_group_]') ).each(function() {
   console.log($(this).text());  
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span id='med_date_1' class='med_group_1'>Span 1</span>
<br>
<span id='med_date_2' class='med_group_2'>Span 2</span>
<br>
<span id='med_date_3' class='med_group_3'>Span 3</span>

Answer 2

你很亲密。是的，您可以使用多个选择器，您需要删除空格，因为它指示Descendant Selector (“ancestor descendant”)

$('[id^=med_date_][class^=med_group_]').doSomething()

$('[id^=med_date_][class^=med_group_]').css('color', 'green')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id='med_date_1' class='med_group_1'>Span 1</span>
<br>
<span id='med_date_2' class='med_group_2'>Span 2</span>
<br>
<span id='med_date_3' class='med_group_3'>Span 3</span>

Answer 3

如果要选择id和class包含某些子字符串的所有元素，可以使用[attr*=value]属性选择器。

$('[id*="med_date_"][class*="med_date_"]')

$('[id*="med_date_"][class*="med_date_"]').css('color', 'red')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="other med_date_2" id="med_date_1">Div</div>
<div class="med_date_2 other" id="med_date_2">Div</div>

如果您使用[class^="med_date_"]选择器，则意味着类值必须以med_date_开头，因此如果您拥有类似此class="other med_date_2"的类的元素，它将无法工作这里

$('[id^="med_date_"][class^="med_date_"]').css('color', 'red')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="other med_date_2" id="med_date_1">Div</div>
<div class="med_date_2 other" id="med_date_2">Div</div>

Answer 4

使用此：

$("[id^=med_date_], [class^=med_group_]")

查找具有class和id的元素

4 个答案: