1

我在我的项目中使用Bootstrap，我需要小包装器。我从 twitters 源得到它，它看起来像：

section#my-content {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin: 15px 0;
    padding: 39px 19px 14px;
    position: relative;
}
section#my-content:after {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #9DA0A4;
    content: "Example";
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 3px 7px;
    position: absolute;
    top: -1px;
}

那么是否可以使用 JS（jQuery）或以某种方式content动态更改属性？

4

3 回答 3

11

你不能用 jQuery 修改伪元素（除非你想添加<style>标签）。但是，您可以更改 CSS 以使其更容易：

content: attr(data-text);

文本将包含在元素的属性中：

<div data-text="This is the default text">Test</div>

现在，您可以使用 jQuery 更改属性，文本将更改：

$('h1').attr('data-text', 'This is some other text');

演示：http: //jsfiddle.net/8qNjv/

于 2013-03-25T21:20:46.177 回答
0

你可以使用很多：

// style editing
.attr()
.css()

// text editing
.html()
.append()

但也许最好添加你真正想要的东西，下次也发布 html。以及你想要的结果。

于 2013-03-26T09:56:40.307 回答
0

如果您的意思是，您可以使用 javascript/jQuery 修改css rules给定的css class，那么您不能这样做。

但是，您可以使用 jQuery .css动态添加新的 CSS 规则。

在此处阅读更多信息

于 2013-03-25T21:23:23.590 回答