Javascript jQuery获取div的内容并使其成为其父元素的类

如何获取.getClass white、blue等的内容并将其添加为其父li标记的类

我有以下html结构：

白色 红色 蓝色 黑色 我想到了这个：

var str = $( ".getClass" ).text();

下一步是什么

---

Cheers

选择要修改的元素，使用.each创建循环，然后使用.text获取每个元素的内容：

$('li').each(function (i, el) {
    var className = $(el).find('#getClass').text();
    $(el).addClass(className)
});

---

但是你的代码实际上是无效的HTML，你有重复的id属性。因此，改用类，您几乎不需要id，您可以使用jQuery方法来实现这一点，首先，您的HTML是无效的。文档中不能有多个id相同的元素。您应该使用类来对元素进行分组。从那里，您可以选择li元素，并为addClass方法提供一个函数来返回从子元素的文本生成的所需字符串。试试这个：

$('li').addClass(function() {
  return $(this).find('.getClass').text().trim();
});

$'li'.addClassfunction{ 返回$this.find'.getClass'.text.trim； }; 怀特先生{ 颜色：CCC； } 瑞德先生{ 颜色：红色； } 蓝先生{ 颜色：蓝色； } 布莱克先生{ 颜色：黑色； } 白色 红色 蓝色 黑色

---

你尝试过什么？嗯……我尝试过将内容存储到一个var中，但我不知道如何使它成为父类。var str=$getClass.text；那么谷歌可能会吗？你应该使用id=getClass为这些元素设置一个特定的类，例如class=getClass。ID在您的整个文档中应该是唯一的。谢谢…这很有效。我使用了真正的代码我确实有类，但我只是复制了错误的li并复制到了这里。非常棒的解决方案！你不需要修剪though@bfred.it在这种情况下是正确的。虽然我更喜欢在文本中使用它，因为你永远不知道会在文本中插入什么空格。