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
。