Javascript 如何使函数检查类代替元素的文本

Javascript 如何使函数检查类代替元素的文本,javascript,jquery,arrays,Javascript,Jquery,Arrays,这是我的工作小提琴: 这就是现在元素的结构注意:每个跨度的类名和文本相同。 <div class='morning_562f7e42757eb'>Morning: <span class='Mon'>Mon</span> <span class='Tue'>Tue</span> <span class='Wed'>Wed</span> <span class='Thrs'>Thrs</spa

这是我的工作小提琴:

这就是现在元素的结构注意:每个跨度的类名和文本相同。

<div class='morning_562f7e42757eb'>Morning: 
<span class='Mon'>Mon</span>
<span class='Tue'>Tue</span>
<span class='Wed'>Wed</span>
<span class='Thrs'>Thrs</span>
<span class='Fri'>Fri</span>
<span class='Sat'>Sat</span>
<span class='Sun'>Sun</span>
</div>
使用this.className而不是this.innerHTML

使用this.className而不是this.innerHTML

你可以用


您还可以使用从数组创建选择器并直接使用它

"div.morning_" + user_id + " span." + mornings.join(", div.morning_" + user_id + " span.")
这将使选择器

div.morning_562f7e42757eb span.Mon, div.morning_562f7e42757eb span.Tue, div.morning_562f7e42757eb span.Sat
可以直接传递给jQuery对象

"div.morning_" + user_id + " span." + mornings.join(", div.morning_" + user_id + " span.")
演示:

var mornings=['Mon'、'Tue'、'Sat'],
用户id='562f7e42757eb';
var selector=“div.morning\u”+用户id+“span.+mornings.join(“,div.morning\u”+用户id+“span.”);
$(选择器).css('color','#26F525')

早晨:
M
T
W
T
F
s
s
您可以使用


您还可以使用从数组创建选择器并直接使用它

"div.morning_" + user_id + " span." + mornings.join(", div.morning_" + user_id + " span.")
这将使选择器

div.morning_562f7e42757eb span.Mon, div.morning_562f7e42757eb span.Tue, div.morning_562f7e42757eb span.Sat
可以直接传递给jQuery对象

"div.morning_" + user_id + " span." + mornings.join(", div.morning_" + user_id + " span.")
演示:

var mornings=['Mon'、'Tue'、'Sat'],
用户id='562f7e42757eb';
var selector=“div.morning\u”+用户id+“span.+mornings.join(“,div.morning\u”+用户id+“span.”);
$(选择器).css('color','#26F525')

早晨:
M
T
W
T
F
s
s

另一种方法是使用类过滤器,如

var param='Mon,Fri',
用户id='562f7e42757eb';
var mornings=参数分割(',');
$(“div.morning\u”+用户id+“span”).filter(mornings.map(函数(值)){
返回“.”+value.trim()
}).join()).css('color','#26F525')

早晨:
M
T
W
T
F
s
s
下午:
M
T
W
T
F
s
s
傍晚:
M
T
W
T
F
s
s


早晨: M T W T F s s 下午: M T W T F s s 傍晚: M T W T F s s
另一种方法是使用类过滤器,如

var param='Mon,Fri',
用户id='562f7e42757eb';
var mornings=参数分割(',');
$(“div.morning\u”+用户id+“span”).filter(mornings.map(函数(值)){
返回“.”+value.trim()
}).join()).css('color','#26F525')

早晨:
M
T
W
T
F
s
s
下午:
M
T
W
T
F
s
s
傍晚:
M
T
W
T
F
s
s


早晨: M T W T F s s 下午: M T W T F s s 傍晚: M T W T F s s
返回$(this.hasClass)(mornings.join(“”))
return$(this.hasglass(mornings.join(“”))需要注意的一点是,如果元素包含多个类,这将不起作用。例如,如果元素包含
class=“Mon Something”
['Mon',Tue'].indexOf('Mon Something')
将返回
false
。需要注意的一点是,如果元素包含多个类,这将不起作用。例如,如果元素包含
class=“Mon Something”
['Mon','Tue'].indexOf('Mon Something')
将返回
false