Question

我想在下面代码的链接中设置“val”的颜色。

var link = $('<a href="#" class="album">' + val + '</a><br><br>');//this is the link
link.style.color="red";//this is how iam trying to set the color of "val"

如何做到这一点。

Answer 1

你可以这样做：

link.css({ color: 'red' });

但正确而好的方式是：

$(".parent_element").prepend('<a href="#" class="album">'+val+'</a><br><br>');
$(".parent_element > a:first").css({ color: 'red' });

Answer 2

试试这个：

$(link[0]).css({ color: 'red'});

原因是link不是<a>元素 - 它是一组元素：<a>， 和另一个 。

另一种方法是：

link.css({ color: 'red' });

但是这会将此CSS设置为<a>，但 也是如此（虽然不是很重要）。

Answer 3

如果你正在使用jQuery（看起来确实如此）继续这个，

<强>的jQuery

link.css("color","red");

否则，的的JavaScript

link[0].style.color = "red";

你所做的不起作用，因为链接是一个数组。在为其应用样式之前，您必须先按link[0]选择第一个元素，然后对其进行操作。

Answer 4

如果link.style.color="red"是HTMLElementNode，则可以使用link，但事实并非如此。它可能是一个jQuery对象，但如果您使用的是旧版本的库，那么它将返回undefined。

首先，你需要修复你的jQuery调用。您无法在顶层创建多个元素。（如果您使用的是足够新版本的jQuery，可以跳过此位。）

由于没有充分的理由使用双 （它会大声说“使用CSS来添加边距”），我已将它们删除了：

var link = $('<a href="#" class="album">' + val + '</a>');

现在你有一个jQuery对象，所以你可以使用jQuery方法设置CSS：

link.css("color", "red");

或从jQuery对象获取HTMLElementNode并使用：

link.get(0).style.color="red";

Answer 5

link.css("color", "red")

但是，我认为为此创建一个css类并在那里设置颜色会更好。在Javascript / jQuery中，我只需在需要时将该类添加到标记中。它更优雅。

在javascript中设置链接的颜色

5 个答案: