色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery鎖定某行不能編輯

jQuery
張越彬1年前6瀏覽0評論
今天我們來介紹一下如何使用 jQuery 鎖定某行，使其不能被編輯。
首先，我們需要一些 HTML 和 CSS。我們將使用一個元素來展示我們的數據。我們想要鎖定第二行，使其不能被編輯。在 CSS 中，我們將使用偽類:not來選取除第二行以外的所有行，并將它們的contenteditable屬性設置為true：
<style>
#my-table tr:not(:nth-of-type(2)) td {
cursor: pointer;
}
#my-table tr:not(:nth-of-type(2)) td[contenteditable=true] {
border-bottom: 2px solid #f00;
}
</style>
<table id="my-table">
<tr>
<th>名稱</th>
<th>價格</th>
</tr>
<tr>
<td>電視機</td>
<td>$699</td>
</tr>
<tr contenteditable="true">
<td>冰箱</td>
<td>$799</td>
</tr>
<tr>
<td>手機</td>
<td>$299</td>
</tr>
</table>

在 JavaScript 中，我們將使用 jQuery 來選取第二行，并將其所有
    • <strike id="ok00w"></strike>
      元素的contenteditable屬性設置為false：
      <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
      <script>
      $(document).ready(function() {
      $('#my-table tr:nth-of-type(2) td').attr('contenteditable', false);
      });
      </script>

      現在，第二行將不能被編輯了。如果你嘗試點擊第二行的任何單元格，光標會立即跳到其他單元格。同時，第二行的底部將有一個紅色的邊框，用于提醒用戶這一行是鎖定的。
      




      <samp id="ok00w"></samp>