在追加代码jquery中包含其他内容

时间:2015-07-14 05:44:14

标签: javascript jquery append

简单的问题(我认为)

此...

jQuery(function($) {
    $(".jg").each(function() {
        $(this).append($('<h6/>', {
            text: $(this).find('a').attr('href').split('/').pop()
        }));
    });
});

...显示包含在类.jg中的所有div中包含的图像文件的名称。它将名称包装在h6标记中,并将其自身附加到与其关联的.jg div。

^^^那里没有问题^^^

我的问题。

如何向H6添加其他文字?

我想要这个......

text: $(this).find('a').attr('href').split('/').pop()

加上这个...

("Tada!");

除了H6之外我还可以将它附加到.jg ...

jQuery(function($) {
    $(".jg").each(function() {
        $(this).append($('<h6/>', {
            text: $(this).find('a').attr('href').split('/').pop()
        }));
        $(this).append("Tada!");
    });
});

但我只是希望它包含在H6中,并且不知道它的语法?

...例如

jQuery(function ($) {
    $(".jg").each(function () {
        $(this).append($('<h6/>', {
            text: $(this).find('a').attr('href').split('/').pop()
            **PLUS SOMETHING ELSE HERE**
        }));
    });
});

我确定它是基本的jQuery语法,不幸的是,无论我尝试打破它:(

谢谢!

2 个答案:

答案 0 :(得分:0)

将文本转移到text循环中.jg的{​​{1}}。

each

代码:

text: $(this).find('a').attr('href').split('/').pop() + 'Tada!'
//                                                    ^^^^^^^^^

Demo

答案 1 :(得分:0)

您可以尝试此代码

jQuery(function($) {
    $(".jg").each(function() {
        $(this).append('<h6>' + $(this).find('a').attr('href').split('/').pop() + 'Tada!</h6>');
    });
});