Question

我有一个经典的表格，我想对它的td元素进行选择，除了第一列和表格的第一行。

我已经尝试过了

 $( ".calendarione table" ).not('tr:first-child').selectable({
        filter: "td.selectable_calendar_item",
    ...

但它不起作用。（此示例与第一行相关）。我该怎么办？

编辑：这是html：http://pastebin.com/VQDJhkA9 第一行代表一个月的日期，点击它们“一个元素”我将打开关闭所有房间的日期（下一行项目）。

下一行代表房间（是酒店房间可用性表），第一个td元素是房间名称，下一个td元素代表每天房间的状态。

Answer 1

将第一行放在thead中，然后点击tbody selectable。希望这会对你有所帮助。

$("#selectable > tbody").selectable();

#selectable .ui-selecting {
  background: #FECA40;
}

#selectable .ui-selected {
  background: #F39814;
  color: white;
}

#selectable {
  width: 200px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0-beta.1/jquery-ui.min.js"></script>

<table id="selectable">
  <thead>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
    </tr>
  </tbody>
</table>

从表的第一行和第一列中删除可选择的jquery

1 个答案: