Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabila saya mengklik butang pada baris pertama, saya ingin mendapatkan semula nilai baris yang tidak diklik.
var table = document.getElementById("all_department");
if (table != null) {
for (var i = 0; i < table.rows.length; i++) {
table.rows[i].onclick = function() {
tableText(this);
}
}
}
function tableText(tableRow) {
var myJSON = JSON.stringify(tableRow);
console.log(myJSON);
}
<table id="all_departments">
<thead>
<th><button>click</button></th>
<th>Departments</th>
<th>Creation Date</th>
<th>Name</th>
</thead>
<tbody class="bl">
<tr>
<td><button>click</button></td>
<td>Management</td>
<td>2-3-2016</td>
<td>client x</td>
</tr>
<tr>
<td><button>click</button></td>
<td>Sales</td>
<td>25-6-2019</td>
<td>client y</td>
</tr>
</tbody>
</table>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda boleh mendengar pengendali klik pada butang, dapatkan tr ibu bapa butang yang diklik, dan kemudian dapatkan butang adik-beradik.
Sebaik sahaja kami mempunyai semua adik-beradik, kami boleh mengulangi mereka dan membentuk rentetan yang terhasil.
Sila rujuk kod di bawah
const allBtns = document.querySelectorAll('button'); allBtns.forEach(function(btn) { btn.addEventListener('click', function(e) { let elem = this.closest('tr'); const siblings = getSiblings(elem); const result = []; siblings.map(ele => { ele.querySelectorAll('td').forEach((e, i) => { if (i !== 0) { result.push(e.innerText); } }); }); console.log(result.join(',')); }) }); const getSiblings = function(e) { let siblings = []; if (!e.parentNode) { return siblings; } let sibling = e.parentNode.firstChild; while (sibling) { if (sibling.nodeType === 1 && sibling !== e) { siblings.push(sibling); } sibling = sibling.nextSibling; } return siblings; };