2011-07-21 36 views
3

我如何添加一个类的标签,如这些例子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); 
} 
+1

你到底想要做什么?添加一个类与jquery或一个类的元素的回调? –

+0

jquery 1.3?已经有jquery 1.6.2为什么不使用这个? –

+0

我更新了更详细的原始问题。 – Kappaluppa

回答

3

可以使用addClass()方法:

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

+1真棒,这工作! – Kappaluppa

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

或链jQuery的动作:

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

+1,但该对象尚未插入。重点是什么? – naveen

+0

@naveen:你是什么意思“有什么意义”?重点是添加一个类。 –

1

试试这个

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

+1我试过这个,它的工作,谢谢.. – Kappaluppa

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

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

如果您需要使用removeClass('class-name'),您也可以删除班级。

3

你可以这样做:

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

当你创建一个元素是这样,你可以传递一个对象,你可以定义的属性。看看here作为参考

+0

+1为例子,并使用不同的方法关闭应用类。 – brenjt

+1

+1:好的:) –