jQuery的一類添加到$（ '<a/>'）。點擊（函數（）{...}）

Question

我如何添加一個類的標籤，如這些例子a & span：

$('<a/>').click(function(){...}) 
$("<span/>").text(chars.substr(0, limit-1)); 

=================

這是完整的腳本。它將跨度和標籤添加到文本的各個部分。我需要將類添加到跨度或標籤中，以便我可以選擇樣式。它必須是jQuery的1.3倍：

var limit = 200, 
chars = $("#showhideDiv").text(); 

if (chars.length > limit) { 
    var visiblePart = $("<span/>").text(chars.substr(0, limit-1)); 
    var hiddenPart = $("<span/>").text(chars.substr(limit-1)).hide(); 
    var readMore = $('<a/>').click(function() { 
      hiddenPart.toggle(); 
      readMore.toggle(); 
      readLess.toggle(); 
      return false; 
     }).text ("Show more") 
    var readLess = $('<a/>').click(function() { 
      hiddenPart.toggle(); 
      readMore.toggle(); 
      readLess.toggle(); 
      return false; 
     }).text("Show less").hide(); 
    $("#showhideDiv").empty() 
     .append(visiblePart) 
     .append(readMore) 
     .append(hiddenPart) 
     .append(readLess); 
} 

Answer 1

可以使用addClass()方法：

var visiblePart = $("<span>").text(chars.substr(0, limit - 1)) 
          .addClass("yourClass"); 

Answer 2

$('<a class="myClass" />').click(function() { /* ... */ }); 

或鏈jQuery的動作：

$('<a />').click(function() { /* ... */ }).addClass('myClass'); 

Answer 3

試試這個

$('<a />').click(function() { }).addClass('class'); 
$("<span/>").text(chars.substr(0, limit-1)).addClass('class'); 

Answer 4

var a = $('<a />'); 
a.addClass('class-name'); 

var span = $('<span />'); 
span.addClass('class-name'); 

如果您需要使用removeClass('class-name')，您也可以刪除班級。

Answer 5

你可以這樣做：

$('<a/>', { class: 'myClass'}).click(function() 

當你創建一個元素是這樣，你可以傳遞一個對象，你可以定義的屬性。看看here作爲參考