Question

我有一个带有id和类的跨度：

<span id="foobar" class="foo bar baz"></span>

我想获取id和类并将它们放在Jquery对象中：

var sd2 = $('span').attr('id');
var sd3 = $('span').attr('class');


$('span').text('#' + sd2 + '.' + sd3);

$('span').text(function (i, text) {
    return text.replace(/ /g, '');
});

这是一个好的开始，但问题是输出是这样的：

#foobar.foobarbaz

Jquery对象会给出“undefined”，因为我需要这样的点：

 #foobar.foo.bar.baz

如何在那里获得这些点？

Example at JsFiddle

Answer 1

你想从

开始

foo bar baz

到

foo.bar.baz

所以不要用空格替换空格（基本上删除它们），而是用点替换它：

var sd2 = $('span').attr('id');
var sd3 = $('span').attr('class').replace(/ /g, '.');


$('span').text('#' + sd2 + '.' + sd3);

Answer 2

我希望输出为

#foobar.foo bar baz

并且没有显示空格，因为类是用空格字符分隔的。

你可以做一个简单的替换来获得。

sd3.replace(/\s/g,".")

Answer 3

你需要一个点，如下：

$('span').text(function (i, text) {
    return text.replace(/ /g, '.');
});

Answer 4

更改

$('span').text(function (i, text) {
    return text.replace(/ /g, '');
});

到

$('span').text(function (i, text) {
    return text.replace(/ /g, '.');
});

班级列表中有空格，你要删除它们。

Answer 5

试试这个：

var sd3 = $('span').attr('class').split(" ").join(".");
// Result = foo.bar.baz

$('span').text('#' + sd2 + '.' + sd3);
// Result = #foobar.foo.bar.baz

Answer 6

您可以像.一样替换空格：

$('span').attr('class').replace(/ /g,'.');

小提琴：http://jsfiddle.net/8JWhr/2/

Answer 7

添加

sd3 = sd3.split(" ").join(".") ;

然后使用sd3。 DEMO

获得课程的要点

7 个答案: