jquery如何取得class內info

jQuery是一個廣泛使用的JavaScript函式庫，可以輕鬆地操作HTML文件、處理事件、建立動畫等。在Web開發中，經常需要透過jQuery來取得元素並進行操作。本文將介紹如何使用jQuery取得class內的info。

一、什麼是class

在HTML中，class是指將一組元素標記為一個獨立的群組或類別。它使得透過CSS或JavaScript來操作這組元素變得更加容易和方便。一個HTML元素可以包含多個class，這些class就可以用空格分隔。

二、使用jQuery取得class

要在jQuery中取得class，需要使用」。」（點）來選擇class。例如，要選擇class為「info」的所有元素，可以使用以下程式碼：

$(".info")

這將選擇class為「info」的所有元素，並傳回一個jQuery物件。 jQuery物件實際上是一個由匹配元素組成的數組，可以使用各種jQuery方法對其進行操作。

三、運算class

一旦取得到class，可以使用各種jQuery方法來操作這些元素。以下是一些常見的jQuery方法：

1. addClass() - 新增類別

該方法將會為選定元素新增指定的類別。範例程式碼：

$(".info").addClass("active");

上述程式碼將在所有class為「info」的元素中加入名為「active」的class。

2. removeClass() - 移除類別

該方法將從選取元素中刪除指定的類別。範例程式碼：

$(".info").removeClass("active");

上述程式碼將從所有class為「info」的元素中刪除名為「active」的class。

3. toggleClass() - 切換類別

該方法將在選定元素中切換指定的類別（如果有，則刪除它；如果沒有，則新增它）。範例程式碼：

$(".info").toggleClass("active");

上述程式碼將在所有class為「info」的元素中切換名為「active」的class。

四、取得class內info

在HTML中，class可以包含任何字元。為了取得class內的info，可以使用正規表示式來符合該字串。以下是一個範例程式碼：

var reg = /info-(.*)/;
$(".info").each(function(){
  var className = $(this).attr("class");
  var matchResult = className.match(reg);
  var infoValue = matchResult[1];
  console.log(infoValue);
});

上述程式碼將在所有class為「info」的元素中尋找以「info-」開頭的class，並取得該class內的info。

五、總結

本文介紹如何使用jQuery取得class，並透過addclass()、removeClass()和toggleClass()等方法操作class。同時，本文也介紹如何使用正規表示式取得class內的info。希望本文能幫助您更深入地理解jQuery。

以上是jquery如何取得class內info的詳細內容。更多資訊請關注PHP中文網其他相關文章！