0

ユーザーがすぐにアクセスできるように、内部にインラインhtmlリンクがあるボックスがたくさんあるページがあります。これが私の質問です:

jqueryを使用して、リンクmysite.com/test/#box1をクリックすると、それぞれのボックスのスタイルを変更することは可能ですか(例-box1の周りに赤い境界線を追加して、ユーザーがすぐに表示できるようにします)。どうすればこのようなことを達成できますか?

HTML

<div class="box1">
  <a name="box1"></a>
  ...content1...
</div>
<div class="box2">
  <a name="box2"></a>
  ...content2...
</div>
<div class="box3">
  <a name="box3"></a>
  ...content3...
</div>
4

2 に答える 2

2

次のことを試してください。

.border {
   border: 1px solid red;
}

$('a').click(function() {
   e.preventDefault()
   $(this).closest('div').addClass('border')
})

また:

$('a').click(function(e) {
   e.preventDefault();
   var h = document.location.hash.replace('#', '')
   $('.'+h).addClass('border')
})
于 2012-07-18T18:04:36.497 に答える
2

css3でもできます!

<div id="boxDiv1">
    <a name="box1" href="#boxDiv1" >Test Link</a>
</div>

<style>
#boxDiv1:target { border:1px solid red; }
</style>

アンカーに対してもこれを行うことができます

于 2012-07-18T18:09:35.420 に答える