Question

我有这段代码

<div onclick="location.href='www.example.com'">
  <!--Content Here-->
</div>
<div>
  <!--Content Here-->
</div>

我知道我可以使用div location.href的内联CSS样式来执行类似

的操作

<div onclick="location.href='www.example.com';" style="cursor:pointer;">
  <!--Content Here-->
</div>

虽然我不想使用这种方法，因为内联样式很难在以后更改

我还可以添加一个div类来处理样式，例如

<div class="location" onclick="location.href='www.example.com';">
  <!--Content Here-->
</div>

.location {cursor:pointer;}

但我想知道是否有某种方法可以使用CSS仅div定位location.href。我不能使用类似div:first-child的东西，因为我想使用外部样式表来设置这些样式，因此必须有一种方法只能使用location.href来定位。如果不是纯粹的CSS，有没有办法用jQuery做到这一点？

Answer 1

修改

这是一个jquery解决方案，以为你正在寻找它。

当然，您可以查找属性及其值：

$('div[onclick^="location.href"]').css('color', 'red');

从onlick
开始查找属性为location.href的div
DEMO：http://jsfiddle.net/7ME5a/

Answer 2

免责声明：我确定无论你做什么，这都不是最好的方法。

解决方案：

div[onclick^="location.href"] {cursor: pointer;}

更好的解决方案是将类保留在元素上，并使用jQuery绑定单击处理程序：

$('div.location').click(function () {
    location.href = ...;
});

你的css仍为：

div.location {cursor: pointer; }

如何使用窗口位置设置div的样式

2 个答案: