Получение точек для классов

Question

У меня есть промежуток с идентификатором и классов, как это:

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

Я хотел бы получить идентификатор и классы и поместить их в 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 даст «неопределенный» потому что я нужен точка, как так:

#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,'.'); 

Fiddle: http://jsfiddle.net/8JWhr/2/

Answer 7

Просто добавьте

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

, а затем используйте sd3. DEMO