把輸入結果表中的特定部分使用jQuery

<div id="booking-details"> 
 
    <label for="select-1">Select your Programme:</label> <br /> 
 
    <div class="styled-select"> 
 
     <select id="select-1"> 
 
      <option value="test_1">Test 1</option> 
 
      <option value="test_2">Test 2</option> 
 
      <option value="test_3">Test 3</option> 
 
      <option value="test_4">Test 4</option> 
 
      <option value="test_5">Test 5</option> 
 
     </select> 
 
    </div> 
 

 
    <br /> 
 

 
    <label for="select-2">Select your time slot:</label> <br /> 
 
    <div class="styled-select"> 
 
     <select id="select-2"> 
 
      <option value="one">01:00</option> 
 
      <option value="two">02:00</option> 
 
      <option value="three">03:00</option> 
 
      <option value="four">04:00</option> 
 
      <option value="five">05:00</option> 
 
      <option value="six">06:00</option> 
 
      <option value="seven">07:00</option> 
 
      <option value="eight">08:00</option> 
 
      <option value="nine">09:00</option> 
 
      <option value="ten">10:00</option> 
 
      <option value="eleven">11:00</option> 
 
      <option value="twevle">12:00</option> 
 
      <option value="one-pm">13:00</option> 
 
      <option value="two-pm">14:00</option> 
 
      <option value="three-pm">15:00</option> 
 
      <option value="four-pm">16:00</option> 
 
      <option value="five-pm">17:00</option> 
 
      <option value="six-pm">18:00</option> 
 
      <option value="seven-pm">19:00</option> 
 
      <option value="eight-pm">20:00</option> 
 
      <option value="nine-pm">21:00</option> 
 
      <option value="ten-pm">22:00</option> 
 
      <option value="eleven-pm">23:00</option> 
 
      <option value="midnight">00:00</option> 
 
     </select> 
 
    </div> 
 
</div>

我試圖完成一個電視指南表，並發現它很難把具體選擇結果到一個表的特定部分，是有什麼方法可以用來做到這一點？

表格有10行，每行有一個不同的電視頻道，然後參考每天的每個小時向左邊的24列。

來源

2017-04-03 JackD

[雖然在文本輸入輸入字段，打印在div中鍵入的內容]（http://stackoverflow.com/q/14411235/5104748） – Mohammad

您可以共享一個jsfiddle或示例代碼 –

E在上面爲你效勞！ – JackD

讀你的問題，我會考慮在每個表單元格（td）上放兩個類。一類將是渠道，另一類則是時間。

然後在jQuery中，對於每個數據項，您都會找到匹配這兩個類並附加到該單元格（td）的單元格。

舉例來說，如果你有一個表：

<table> 
    <tr> 
     <td class="test_4 ten-pm"></td> 
     <td class="test_4 eleven-pm"></td> 
     <td class="test_4 midnight"></td> 
    </tr> 
    <tr> 
     <td class="test_5 ten-pm"></td> 
     <td class="test_5 eleven-pm"></td> 
     <td class="test_5 midnight"></td> 
    </tr> 
<table>

然後，你可以添加到它，例如：

$('td.test_5.midnight').append("x");

另請參見： How can I select an element with multiple classes in jQuery?

來源

2017-09-21 16:18:48 Greg

把輸入結果表中的特定部分使用jQuery

回答

相關問題