Question

我正在试图找出如何为链接添加样式＆amp;如果它有某个类，则附加文本。

e.g。

$("a").hasClass("Woohoo"));
$(".Woohoo").css({ font-style: "italic" });
$('.Woohoo').append('Some text');
} 

<a href=#">link 1</a>
<a class="Woohoo" href=#">link 2</a>
<a href=#">link 2</a>

应输出：

链接2一些文字

Answer 1

您应该使用camelCase作为连字符属性，并使用Element Selector (“element”)和Class Selector (“.class”)来定位所需的元素。

$("a.Woohoo").css({ fontStyle: "italic" }).append('Some text');

OR

$("a.Woohoo").css({ "font-style": "italic" }).append('Some text');

$("a.Woohoo").css({
  fontStyle: "italic"
}).append('Some text');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href=#">link 1</a>
<a class="Woohoo" href=#">link 2</a>
<a href=# ">link 2</a>

Answer 2

只需选择与课程的链接并完成其余的事情。该属性应引用，因为其中包含-或使用来自fontStyle的内容。

$("a.Woohoo").css({
  'font-style': "italic"
}).append('Some text');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href=# ">link 1</a>
<a class="Woohoo " href=#">link 2</a>
<a href=# ">link 2</a>

Answer 3

或者你可以遍历该类的所有链接元素

$("a").each(function () {
    if ( $(this).hasClass("Woohoo") ) {
        // do some magic here
    }
});

或更好

$("a.Woohoo").each(function () {
    // do some magic here
});

但只是

$("a.Woohoo").css(... //etc

应该做你想做的事

如果链接有类，请应用样式+附加文本

3 个答案: