javascript - jQuery - 如果是某些文本,则 addClass

标签 javascript jquery css

我想创建一个 jQuery,如果出现特定文本,它将添加一个类。

检查我的jsfiddle: http://jsfiddle.net/uREUT/130/

我已经删除了所有其他句子以使其始终有效,但如果 div 中包含“mener”一词,我希望添加该类

var sentences = [
    'Jeg mener også at det er paent'];

var rand = sentences[Math.floor(Math.random() * sentences.length)];

$(document).ready(function () {
    $('#text').text(rand); {
        $("#text:contains('MENER')").addClass("#flaekke");
    }
});

.flaekke {
    background: #000;
    width: 200px;
    height: 200px;
}
#text {
    margin: 20px auto;
    width: 80%;
    font-size: 200%;
    text-align: center;
    z-index: 10;
    color: #000;
    text-transform:uppercase;
}

最佳答案

从类名中删除哈希 (#)。向包含文本的元素添加类也不需要太多代码。

这就是您所需要的:

var sentences = [
    'Jeg mener også at det er paent'];

var rand = sentences[Math.floor(Math.random() * sentences.length)];

$(document).ready(function () {
    $("#text").text(rand);

    $("#text:contains('MENER'), #text:contains('mener')").addClass("flaekke");
});

Here's a fiddle.

关于javascript - jQuery - 如果是某些文本,则 addClass,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20387798/

相关文章:

javascript - 如何在 tidio 聊天中编辑 iframe CSS

html - 如何在 Shopify 主题中为我的网站创建一个新的单独页面?

css - Canvas 外菜单动画不起作用

javascript - 二维数组中增强的 for 循环 - JavaScript

javascript - 将添加到文本框中的文本保存在 DOM 中

javascript - 正则表达式仅捕获匹配中捕获组的最后一个实例

javascript - 将动态文本区域精确定位在现有框元素上

javascript - 从 iframe 调用函数未加载

javascript - htmlentities 中的 jquery 输出文本,换行符除外

html - 缩放具有多个宽度和高度约束的图像