-1

私は 5 ビットのテキストを持っています。テキストの 1 つにカーソルを合わせると、カーソルを合わせているテキスト以外のすべてのテキストに以下の css が適用されます。

jquery と .siblings() 属性を使用してこれを実行できますか?

HTML:

<table width="1138" height="38" border="0" class="Home111">
<tr>
<th width="146"   scope="col"> <div class="top" id="one"><a href="T-Shirts.html"class="blur out">T-SHIRTS</a></div>
</th>
<th width="146"  scope="col"> <div class="top" id="two"><a href="Bits &amp; Bobs.html"class="blur out">BLOG</a></div>
</th>
<th width="146"  scope="col"> <div class="top" id="three"><a href="Music.html"class="blur out">MUSIC</a></div>
</th>
<th width="146"  scope="col"> <div class="top" id="four"><a href="Contact.html"class="blur out">CONTACT</a></div>
</th>
<th width="146" height="38"  scope="col"> <div class="top" id="five"><a href="About.html"class="blur out"> ABOUT</a></div>
</th>

CSS:

a.blur
{
text-decoration: none;
color: #339;
}

a.blur:hover, a.blur:focus
{
text-decoration: underline;
color: #933;
}

.textshadow a.blur, .textshadow a.blur:hover, .textshadow a.blur:focus
{
text-decoration: none;
color: rgba(0,0,0,0);
outline: 0 none;
-webkit-transition: 400ms ease 100ms;
-moz-transition: 400ms ease 100ms;
transition: 400ms ease 100ms;
}

.textshadow a.blur,
.textshadow a.blur.out:hover, .textshadow a.blur.out:focus
{
text-shadow: 0 0 4px #339;
}

.textshadow a.blur.out,
.textshadow a.blur:hover, .textshadow a.blur:focus
{
text-shadow: 0 0 0 #339;
}
4

2 に答える 2

1

これを行うには、.siblings()厳密には兄弟ではないため、単純に使用することはできません。非常に遠いいとこのように:)速度を上げるには、すべてのアイテムのリストを変数に保持してから、を使用.not(this)して現在のアイテムを除外する必要があります。コールバックhover()。

var items = $('.Home111 a'); // all anchors inside table with class Home111

items.hover(function() {
    var others = items.not(this);
    // others = the siblings of current item
}, function() {
    var others = items.not(this);
    // others = the siblings of current item
});
于 2012-12-27T01:55:51.873 に答える
0

HTML がなければ特定できず、兄弟に適用されるはずのルールがわからない

$('a.blur').hover(function(){
    $(this).siblings().addClass('someclass');
}, function(){
    $(this).siblings().removeClass('someclass');
});
于 2012-12-27T01:44:58.090 に答える