當我創建表格時，我想hasClass通過單擊相應的單元格（單元格上方）來檢查每個元素是否我的工作如下。但效果并不好。我怎樣才能實現它？以及什么是錯誤點？謝謝$("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貢獻1859條經驗 獲得超6個贊
.index()用于以整數形式返回位置，而不是根據其索引查找元素 - 對于您想要的.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>
當年話下
TA貢獻1890條經驗 獲得超9個贊
您需要通過使用eq()而不是index()訪問您需要的元素來更改選擇器：
$("td.number").click(function(){
var id = $ (this).index();
$("td.color").eq(id).hasClass("aqua");
});
- 2 回答
- 0 關注
- 166 瀏覽
添加回答
舉報
0/150
提交
取消