我正在嘗試使用 jquery 從只有行的表中創建一個簡單的陣列,但一行可以包含多個時間元素。
我只能找到具有單個 td 值且沒有子項的表的解決方案...
這是我的桌子:
<div id="customhours">
<table>
<tbody>
<tr>
<td>Tuesday</td>
<td>
<time>17:00 - 18:00</time>
</td>
</tr>
<tr>
<td>Friday</td>
<td>
<time>16:00 - 17:00</time>
<time>17:00 - 18:00</time>
</td>
</tr>
</tbody>
</table>
</div>
我正在尋找的陣列是:
[["Tuesday", "17:00 - 18:00"], ["Friday", ["16:00 - 17:00, 17:00 - 18:00"]]]
任何幫助,將不勝感激。
uj5u.com熱心網友回復:
對于每一行,找到第一天和最后一個標簽中的<td>所有<time>標簽<td>:
let a = [] // Results will go here
$('#customhours tr').each(function() {
let day = $(this).find('td:first-child').text() // e.g. Tuesday
let times = []
$(this).find('td:last-child time').each(function(){
times.push($(this).text())
})
a.push([day, ( ( times.length == 1) ? times[0] : times )])
})
console.log(a)
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<div id="customhours">
<table>
<tbody>
<tr>
<td>Tuesday</td>
<td>
<time>17:00 - 18:00</time>
</td>
</tr>
<tr>
<td>Friday</td>
<td>
<time>16:00 - 17:00</time>
<time>17:00 - 18:00</time>
</td>
</tr>
</tbody>
</table>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/493648.html
標籤:javascript jQuery 数组
