2023/06/28

jQuery選擇元素,包含class .service-time,但排除class .service-10:30

 在 jQuery 中,你可以使用 `:not` 偽類選擇器來排除特定的類。要選擇包含類 `.service-time` 但不包含類 `.service-10:30` 的元素,你可以使用以下代碼:

$('.service-time:not(.service-10\\:30)')

在這個選擇器中,`:not` 偽類用於排除具有特定類的元素,而 `.` 用於選擇類名。由於 `:` 在選擇器中有特殊含義,表示偽類選擇器的開始,因此 `.` 和 `:` 之間需要使用兩個反斜杠 `\\` 進行轉義,以確保選擇器的正確性。

請注意,選擇器中的 `.` 和 `:` 是區分大小寫的,因此確保它們與你的 HTML 中的類名匹配。

jQuery 計算checkbok物件class名稱為.service-time被選取的數量

要計算選中的具有類名為 `.service-time` 的複選框的數量,你可以使用 jQuery 的 `:checked` 選擇器和 `length` 屬性。下面是一個示例代碼:

var count = $('.service-time:checked').length;

console.log(count);

在上面的代碼中,`.service-time:checked` 選擇器用於選取具有類名為 `.service-time` 並且被選中的複選框元素。然後,使用 `length` 屬性獲取選中的元素數量,並將其存儲在變量 `count` 中。最後,你可以將計數輸出到控制台或進行其他處理。

請注意,上述代碼假設你已經包含了 jQuery 庫,並在頁面加載時執行了該代碼。如果沒有包含 jQuery 庫,請確保在使用該代碼之前正確加載 jQuery 庫。