javascript - remove - jquery set html class




jQuery不能訪問元素與它的attr href//簡單的標籤結構 (2)

像這樣使用屬性選擇器:

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

還要注意,你定義了一個takE變量,你寫的是:可能你可能想寫

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

   finD.addClass('thisisLink1');

我不能用href來訪問“a”元素。 像這個例子一樣,我需要添加class到元素裡面,它有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或動畫。 這種方式返回我作為一個字符串。


$('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);
});

DEMO





href