0

href で「a」要素にアクセスできません。この例のように、href="#one" を取得した要素にクラスを追加する必要があります

ここにjsFiddleがあります。

jQuery:

//tabs part is working fine
$('.tabs').hide();
$('.tabs:first').show();
$('ul li a').click(function(){
   var target = $(this).attr('href');
    $('.tabs').hide();
    $(target).fadeIn(500);

   $('ul li a').removeClass('selected');
   $(this).addClass('selected');
});

   //problem starts when i try to reach href
   var link1 = '#one';
   var link2 = '#two';
   var link3 = '#three';

   var takE = $('ul li a').each();
   var finD = take.attr('href');
   finD.addClass('thisisLink1');​

html:

<ul>
    <li><a href="#one">Home</a></li>
    <li><a href="#two">Posts</a></li>
    <li><a href="#three">About</a></li>
</ul>
<div class="tabs" id="one">Home Container</div>
<div class="tabs" id="two">Posts Container</div>
<div class="tabs" id="three">About Container</div>​

それぞれの方法を試しましたが、うまくいきませんでした。attr href で要素にアクセスし、オブジェクトを addClass または animate に設定する必要があります。この方法は私を文字列として返します。

4

2 に答える 2

2

次のように属性セレクターを使用します。

$('a[href="#one"]').addClass(...)

takEまた、変数を定義し、書き込んだことに注意してくださいtake。おそらく書きたいと思うかもしれません

   var takE = $('ul li'),
       finD = takE.find('a[href="#one"]');

   finD.addClass('thisisLink1');
于 2012-06-15T10:18:49.690 に答える
1 
$('ul li a').each(function() {
  if(this.href == link1) $(this).addClass('thisisLink1');
  if(this.href == link2) $(this).addClass('thisisLink2');
  if(this.href == link3) $(this).addClass('thisisLink3');
});

オブジェクト マッピングを使用することもできます。

 var links = {
    '#one': 'thisislink1',
    '#two': 'thisislink2',
    '#three': 'thisislink3',
};
$.each(links, function(key, val) {
    $('ul li a[href="' + key + '"]').addClass(val);
});

デモ

于 2012-06-15T10:20:17.720 に答える