0
javascript를 사용하여 각 열이있는 배열을 반환하는 "div> span"표의 각 열을 식별하십시오. | : 자바 스크립트를 사용하여 각 표의 열을 선택하십시오
나는 그 사람이 나를 도울 수 있다면 어떻게 수행하는 단서가 없다
... 당신이 원하는
javascript를 사용하여 각 열이있는 배열을 반환하는 "div> span"표의 각 열을 식별하십시오. | : 자바 스크립트를 사용하여 각 표의 열을 선택하십시오
나는 그 사람이 나를 도울 수 있다면 어떻게 수행하는 단서가 없다
... 당신이 원하는
을 나는 document.querySelectorAll("")
뭔가를 시도했지만 나는 위에서 아래로 반복하는 방법을 몰라? 전체 Exactlly 페이지
var temp = -1;
var arr = [];
$('span').on('click', function(){
if(temp !== -1){
$('div.row span:nth-child(' + (temp + 1) + ')').css({'color': 'black', 'font-weight': 'normal'});
}
var index = $(this).index();
arr = $('div.row span:nth-child(' + (index + 1) + ')').css({'color': 'red', 'font-weight': 'bold'});
temp = index;
Array.prototype.forEach.call(arr, x => console.log(x));
})
.table {
display:table;
border: 3px solid #555;
border-collapse: collapse;
margin: 0 auto;
width: 50%;
margin-top:20px;
}
.row {
display:table-row;
}
.rowGroup {
display:table-row-group;
}
.cell {
display:table-cell;
width:2%;
text-align: center;
border: 2px dotted green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="table">
<div class="rowGroup">
<div class="row">
<span class="cell cas4">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
</div>
</div>
<div class="rowGroup">
<div class="row">
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
</div>
</div>
<div class="rowGroup">
<div class="row">
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
</div>
</div>
<div class="rowGroup">
<div class="row">
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
</div>
</div>
<div class="rowGroup">
<div class="row">
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
</div>
</div>
<div class="rowGroup">
<div class="row">
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
</div>
</div>
<div class="rowGroup">
<div class="row">
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
</div>
</div>
<div class="rowGroup">
<div class="row">
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
</div>
</div>
<div class="rowGroup">
<div class="row">
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
<span class="cell">X</span>
</div>
</div>
</div>
이 시나리오에서 열기 예, 당신의 노력에 감사하지만 난 네이티브 자바 스크립트가 필요합니다 | – mcmwhfy