jquery在$（'<a>&#39;).click(function(){...})</a>中添加一个类

Question

如何向a＆amp;等标签添加课程？ span在这些例子中：

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

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

这是完整的脚本。它为部分文本添加了跨度和标签。我需要在跨度或标签中添加类，以便我可以设置样式的样式。它必须是jquery 1.3x：

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/>', { class: 'myClass'} ).click(function()

当您创建这样的元素时，您可以传递一个可以定义属性的对象。查看here以供参考

Answer 4

试试这个

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

Answer 5

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

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

如果您需要使用removeClass('class-name')，也可以删除课程。