Jquery选择器返回html元素

我想通过元素集合，试图找到一个特定的元素，并将类应用到该元素。问题是，即使选择器返回一个对象集合，并且输入了应用该类的条件，但在查看源代码时该类不适用。Jquery选择器返回html元素

这是函数：

function HighlightNav() { 

$('.quick-launch-nav').css('visibility', 'visible'); 
var navitems = $('a.topnav-item[href]'); 
$(navitems).each(function() { 
    var item = this; 
    var linkUrl = item.href; 
    var webUrl = IPC_siteUrl + IPC_webUrl; 

    if (webUrl.match('^' + linkUrl)) { 
     $(item).addClass('topnavselected'); 
     var parent = $(item).parent('.topnav-item'); 
     $(parent).addClass('topnavselected'); 
    } 
}); 
}

当我尝试通过查看内部HTML调试它，它返回一个JavaScript函数，而不是我所期待的。

我在这里做错了什么？

这是标记。仅供参考其SharePoint如此丑陋。

<td onmouseover="Menu_HoverStatic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="zz1_TopNavigationMenun0"> 
    <table class="topnav-item zz1_TopNavigationMenu_4" cellpadding="0" cellspacing="0" border="0" width="100%"> 
     <tr> 
      <td style="white-space:nowrap;"> 
       <a class="zz1_TopNavigationMenu_1 topnav-item zz1_TopNavigationMenu_3" 
       href="http://webapp/en/about" 
       accesskey="1" style="border-style:none;font-size:1em;">About</a> 
      </td> 
     </tr> 
    </table> 
</td>

当我尝试做$（项目）.html.toString（），这是我所得到的：

function(a){return f.access(this,function(a){var c=this[0]||{},d=0,e=this.length;if(a===b)return c.nodeType===1?c.innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1></$2>");try{for(;d<e;d++)c=this[d]||{},c.nodeType===1&&(f.cleanData(c.getElementsByTagName("*")),c.innerHTML=a);c=0}catch(g){}}c&&this.empty().append(a)},null,a,arguments.length)}"

来源

2012-05-01 John S

你可以张贴标记过？ – mattytommo

顺便提一下，'navitems'已经是一个jQuery对象，你不需要再次创建'$（navitems）'。 – VisioN

@mattytommo我加了标记。 –

内按照你的JavaScript代码和HTML标记，这个问题似乎是在这一行：

var parent = $(item).parent('.topnav-item');

选择器.topnav-item应选择类名为topnav-item的父节点。但是，每个a项目的父项目是td，它没有此类。

所以，如果你需要添加topnavselected类table节点，那么你可以使用这个：

var parent = $(item).parentsUntil('.topnav-item').parent();

所以，最终的代码应该是这样的：

function HighlightNav() { 
    $('.quick-launch-nav').css('visibility', 'visible'); 
    $('a.topnav-item[href]').each(function() { 
     var item = $(this); 
     var linkUrl = this.href; 
     var webUrl = IPC_siteUrl + IPC_webUrl; 

     if (webUrl.match('^' + linkUrl)) { 
      item.addClass('topnavselected'); 
      var parent = item.parentsUntil('.topnav-item').parent(); 
      parent.addClass('topnavselected'); 
     } 
    }); 
}

来源

2012-05-01 16:34:53 VisioN

我给了一个镜头，然而当这条线运行“$（item）.addClass（'topnavselected'）;”该类仍然不会被添加到HTML中的该元素。 –

@JohnS，请从答案的更新版本中尝试'HighlightNav（）'方法。如果'webUrl.match（...）'条件正常工作，则应该添加类。 – VisioN

@JohnS，请在你的问题下阅读我最后的评论。 – VisioN

item将是each里面的html元素。如果你想要一个jQuery对象，它看起来像你这样做：

$(item)会给你的每一个

来源

2012-05-01 16:22:38

林不知道我关注。我应该用item = $（this）替换item = this吗？ –

是的，这将工作得很好。 –

Jquery选择器返回html元素

回答

相关问题