用“，”打破跨度的文本

Question

我有一个<span>，其中包含以逗号和空格分隔的技能列表。现在使用jQuery或CSS（如果可能的话）我只想获得没有", "的技能。

所以，如果我有以下技能：Photographer, Designer

我需要分离这些技能并将每个技能存储在JavaScript数组中。

Answer 1

鉴于此标记

<span id="skills">Skill1, Skill2, Skill3</span>

您可以使用split()方法

$('#skills').text().split(', ');  // ["Skill1", "Skill2", "Skill3"]

Answer 2

使用Javascript函数split

var str = $("span").text();
var results = str.split(", ");

http://www.w3schools.com/jsref/jsref_split.asp

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split

Answer 3

如果您还需要删除空格，那么

"Photographer, Designer, Wedding Planners".split(',').map(function(){return arguments[0].replace(/^(\s)*/g, '')});

或者你可以简单地使用

"Photographer, Designer".split(',');

Answer 4

使用拆分：

http://www.w3schools.com/jsref/jsref_split.asp

var skill = "Photgrapher, Designer";
var skillArray = skill.split(", ");
console.log(skillArray); // output ["Photographer", "Designer"]

Answer 5

用户javascript split函数将返回array

这样的代码：

<span>Photographer, Designer</span>

var str = $("span").text();
var results = str.split(", ");

您可以将其用作results[0]，results[1]

我希望它会有所帮助。