-1

私はこのコードを持っています

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

divwithのインライン CSS スタイルを使用して、次のlocation.hrefようなことができることを知っています。

<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を使用してこれを行う方法はありますか?

4

2 に答える 2

3

編集

これはjqueryソリューションであり、あなたがそれを探していると思います。

もちろん、属性とその値を探すことができます。

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

onlick属性がで始まるdivを検索しますlocation.href

デモ：http：//jsfiddle.net/7ME5a/

于 2013-03-15T14:03:51.507 に答える
1

免責事項：あなたが何をしていても、これは最善のアプローチではないと確信しています。

解決：

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

より良い解決策は、クラスを要素に残し、jQuery を使用してクリック ハンドラーをバインドすることです。

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

CSS は次のようになります。

div.location {cursor: pointer; }
于 2013-03-15T14:02:40.117 に答える