當(dāng)我創(chuàng)建表格時(shí)，我想hasClass通過(guò)單擊相應(yīng)的單元格（單元格上方）來(lái)檢查每個(gè)元素是否我的工作如下。但效果并不好。我怎樣才能實(shí)現(xiàn)它？以及什么是錯(cuò)誤點(diǎn)？謝謝$("td.number").click(function(){ id=$(this).index(); $("td.color").index(id).hasClass("aqua"); });td { transition-duration: 0.5s; border: solid black 1px; padding: 5px;}.number{cursor:pointer;}table { border-collapse: collapse;}.color{ padding:5px; } .aqua { background-color: aqua;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div id=calendar></div><script>let html = ''html += '<table>';let i = 0;html += '<tr>';for (let d = 0; d < 15; d++) { i = i + 1; html += '<td class="number">' + i +'</td>'}html += '</tr>';for (let w = 0; w < 1; w++) { html += '<tr>'; for (let d = 0; d < 15; d++) { html += '<td class="color"></td>' } html += '</tr>'; }html += '</table>'document.querySelector('#calendar').innerHTML = html;const arr = [1, 2, 10, 11, 14];$("td.color") .filter(function() { return arr.includes($(this).index()+1); }) .addClass('aqua');</script>
2 回答
慕絲7291255
TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個(gè)贊
.index()用于以整數(shù)形式返回位置，而不是根據(jù)其索引查找元素 - 對(duì)于您想要的.eq()
更新的小提琴：
$("td.number").click(function(){
id=$(this).index();
$(this).toggleClass("aqua", $("td.color").eq(id).hasClass("aqua"));
});
td {
transition-duration: 0.5s;
border: solid black 1px;
padding: 5px;
}
.number{
cursor:pointer;}
table {
border-collapse: collapse;
}
.color{
padding:5px;
}
.aqua {
background-color: aqua;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id=calendar></div>
<script>
let html = ''
html += '<table>';
let i = 0;
html += '<tr>';
for (let d = 0; d < 15; d++) {
i = i + 1;
html += '<td class="number">' + i +'</td>'
}
html += '</tr>';
for (let w = 0; w < 1; w++) {
html += '<tr>';
for (let d = 0; d < 15; d++) {
html += '<td class="color"></td>'
}
html += '</tr>';
}
html += '</table>'
document.querySelector('#calendar').innerHTML = html;
const arr = [1, 2, 10, 11, 14];
$("td.color")
.filter(function() { return arr.includes($(this).index()+1); })
.addClass('aqua');
</script>
當(dāng)年話(huà)下
TA貢獻(xiàn)1890條經(jīng)驗(yàn) 獲得超9個(gè)贊
您需要通過(guò)使用eq()而不是index()訪(fǎng)問(wèn)您需要的元素來(lái)更改選擇器：
$("td.number").click(function(){
var id = $ (this).index();
$("td.color").eq(id).hasClass("aqua");
});
- 2 回答
- 0 關(guān)注
- 186 瀏覽
添加回答
舉報(bào)
0/150
提交
取消