1

プロジェクトでBootstrapを使用していますが、小さなラッパーが必要です。ツイッターのソースから入手しました。次のようになります。

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

もしそうなら、 javascript / jQueryを使用しcss rulesて特定のを変更できますか？css classそうすることはできません。

ただし、jQuery .cssを使用して、新しいCSSルールを動的に追加できます。

ここでそれについてもっと読む

于 2013-03-25T21:23:23.590 に答える
0

あなたはたくさん使うことができます：

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

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

しかし、本当に欲しいものを追加したほうがいいかもしれません。次回はhtmlも投稿してください。そして、あなたが結果として望むもの。

于 2013-03-26T09:56:40.307 に答える