javascript - 设置 div 类以匹配其文本

标签 javascript jquery

我想将 div 的文本复制到其类中。我有下面的代码,但它从所有同级 div 复制文本,但我只希望当前 div 的文本成为其类。

就像下面的代码将复制“我是亚历克斯你好吗”作为下面代码中两个div的类,我想要的第一个div应该只有类“我是亚历克斯”,同样下一个类应该只有一个类“你好吗”。

<div class="someText">I am alex</div>
<div class="someText">How are you</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"></script>
<script>
    var classes = $(".someText").text().replace(/[, -- .]/g," "); 
    $(".someText").addClass(classes);
</script>

最佳答案

这是一个非常奇怪的要求,但您可以通过将函数传递给 addClass() 来实现它,如下所示:

$('.someText').addClass(function() {
  return $(this).text();
});
.am {
  color: blue;
}
.are {
  color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="someText">I am alex</div>
<div class="someText">How are you</div>

关于javascript - 设置 div 类以匹配其文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38770954/

相关文章:

javascript - Django json.loads(request.body) 给出错误 Expecting value : line 1 column 1

jquery - Google CDN 设置 Cookie,为什么?

jquery - scrollTop 不适用于溢出 :auto property in css

javascript - 在将元素属性设置为空字符串之前,如何存储元素属性以供以后使用?

javascript - 在另一个函数中创建 Mongoose 连接时不调用查询回调

javascript - Firebase Firestore : How to check if the document exists before writing data?

javascript - 将 Highcharts 添加到传单弹出窗口

javascript - 未捕获的类型错误 : MyView is not a function

javascript - 在模态内部使用 jquery 验证器后重置/删除表单中的类

javascript - 在 JavaScript 中是否有一种简单的方法可以用空字符串替换 NaN?