我正在处理响应式表格，如果行内容与当前日期匹配，则希望将其设为粗体。我将第一个孩子和 td 隐藏起来，因为我只需要它来执行某些功能基于价值 <td data-label="TodaysDate">06-05-2020</td>和<td data-label="Date">05-05-2020</td>如果值 if TodaysDate = Date那么我需要将此行加粗。我怎么能用javascript做到这一点https://codepen.io/KGuide/pen/MWwMZzPfunction compareCellValues() { var rows = $(".ramadan-time").find("tbody tr"); //returns all table rows rows.each(function() { //iterate over each row. var thisRow = $(this), //this is the current row TodaysDate = thisRow.find(".TodaysDate"), //this is the first value sDate = thisRow.find(".Date"); //this is the second value if (TodaysDate.text() !== sDate.text()) { thisRow.css("font-weight", "bold"); } thisRow.find(".TodaysDate").text(parseInt(TodaysDate.text()) - parseInt(sDate.text())); });}window.onload = compareCellValues();
1 回答
呼唤远方
TA贡献1856条经验 获得超11个赞
它对我有用，我已将日期输入6-05-2020并与之进行比较06-05-2020
修复数据脚本后工作正常。
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>CodePen - A Pen by KGuide</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<table class="ramadan-time">
<thead>
<tr>
<th scope="col">TodaysDate</th>
<th scope="col">Date</th>
<th scope="col">Day</th>
<th scope="col">Ramadan</th>
<th scope="col">April/May</th>
<th scope="col">Imsak</th>
<th scope="col">Fajr</th>
<th scope="col">Sunrise</th>
<th scope="col">Dhuhr</th>
<th scope="col">Asr</th>
<th scope="col">Maghrib</th>
<th scope="col">Isha</th>
</tr>
</thead>
<tbody>
<tr>
<td class="TodaysDate" data-label="TodaysDate">06-05-2020</td>
<td class="Date" data-label="Date">05-05-2020</td>
<td data-label="Day">Friday</td>
<td data-label="Ramadan">1</td>
<td data-label="April/May">24</td>
<td data-label="Imsak">4:17</td>
<td data-label="Fajr">4:27</td>
<td data-label="Sunrise">5:45</td>
<td data-label="Dhuhr">12:20</td>
<td data-label="Asr">3:49</td>
<td data-label="Maghrib">6:49</td>
<td data-label="Isha">8:07</td>
</tr>
<tr>
<td class="TodaysDate" data-label="TodaysDate">06-05-2020</td>
<td class="Date" data-label="Date">06-05-2020</td>
<td data-label="Day">Saturday</td>
<td data-label="Ramadan">2</td>
<td data-label="April/May">25</td>
<td data-label="Imsak">4:16</td>
<td data-label="Fajr">4:26</td>
<td data-label="Sunrise">5:44</td>
<td data-label="Dhuhr">12:20</td>
<td data-label="Asr">3:50</td>
<td data-label="Maghrib">6:49</td>
<td data-label="Isha">8:08</td>
</tr>
<tr>
<td class="TodaysDate" data-label="TodaysDate">06-05-2020</td>
<td class="Date" data-label="Date">07-05-2020</td>
<td data-label="Day">Sunday</td>
<td data-label="Ramadan">3</td>
<td data-label="April/May">26</td>
<td data-label="Imsak">4:15</td>
<td data-label="Fajr">4:25</td>
<td data-label="Sunrise">5:43</td>
<td data-label="Dhuhr">12:19</td>
<td data-label="Asr">3:48</td>
<td data-label="Maghrib">6:50</td>
<td data-label="Isha">8:10</td>
</tr>
</tbody>
</table>
添加回答
举报
0/150
提交
取消