1

<a>と</a>タグの間にあるリンク ホバーで画像 previev を作成したいと考えています。これが私のコードです：

<li id="pic39">
    <span class="pr2"></span>
    <a id="pic39" href="http://shrani.slo-devs.com/index.php?p=6vxK53pk" target="_blank">Sandra</a>
    <span class="edit" onclick="location.href='index.php?e=39'"></span>
    <span class="delete" onclick="deletePIC(39)"></span>
    <i class="infoSlike">(0 ogledov | 11.03.2013 / 21:59:31)</i>
    <div id="imgPrv">
        <span id="imgPrv39">
            <img src="http://www.shrani.slo-devs.com/upl/CENSURE.jpeg" />
        </span>
    </div>
</li>

jQuery でタグ ID の残りの部分 (番号 39 ) を検出し、番号39を含むスパン (id imgPrv39のスパン) を表示する必要があります。

4

2 に答える 2

1 
$('li a').hover(function(){
   // You can replace the `pic` with an empty string
   var id = this.id.replace('pic', '');
   $('#imgPrv' + id).toggle();
})

IDは一意である必要があり、同じIDを持つ要素が複数あり、マークアップが無効であることに注意してください。代わりにクラスを使用する必要があります。

siblings次の方法も使用できます。

$('li a').hover(function(){
   $(this).siblings('div').find('span').toggle();
})
于 2013-03-11T21:24:08.783 に答える
0

このようにする必要はありません。相対セレクターを使用して、この ID ビジネスをすべて排除できます。

これは、LI に 1 つの A と 1 つの SPAN しかないことを前提としています。より具体的にしたい場合は、代わりにクラス名を使用できます。

$("li a").hover(
  function () {
    $(this).find('span').show();
  },
  function () {
     $(this).find('span').hide();
  }
);
于 2013-03-11T21:25:01.750 に答える