設置從網頁標題導航欄選擇菜單項的ID與jQuery

http://jsfiddle.net/EAN5K/設置從網頁標題導航欄選擇菜單項的ID與jQuery

<!DOCTYPE html> 
<html> 
<head> 
<title>Education</title> 
<script type="text/javascript"> 
$(document).ready(function() { 
    var title = document.title; 
    console.log(title); 
}); 
</script> 
</head> 
<body> 
    <div id="navigationBar" style=""> 
     <div id="sheight" style=""> 
      <div style="height: 13px;"></div> 
      <div class="menuItem" style=""> 
       <div class="tIcon" style=""> 
        <img src="images/iconeducation.png" /> 
       </div> 
       <div class="menuText" style="">Education</div> 
      </div> 
      <div class="menuItem" style=""> 
       <div class="tIcon" style=""> 
        <img src="images/iconfastcash.png" /> 
       </div> 
       <div class="menuText" style="">Fast Cash</div> 
      </div> 
     </div> 
    </div> 
</body>

我正在尋找一種方法來設置父的ID .menuitem如果.menutext值等於的標題頁。頂部有一個鏈接到jsFiddle。

在此先感謝...

來源

2013-06-29 Giuseppe

像這樣的事情會做到這一點：

$("div.menuText").filter(function(i,el){ 
    return $.trim($(this).text()) === title; 
}).parent() 
.prop("id","someIdValue");

也就是說，過濾所有的.menuText div的，找到一個與匹配的文本，然後得到其母公司，然後設置ID。

演示：http://jsbin.com/eqapih/1/edit

（我很好奇，爲什麼你想「設置ID」但如果你想突顯適用於當前頁面會更有意義上的菜單中添加一個「電流。「class to it。）

來源

2013-06-29 00:58:27 nnnnnn

我喜歡它。感謝您的發表。 – Giuseppe

我想這會更好地使用選定的類。代碼還沒有到那麼遠。 – Giuseppe

設置從網頁標題導航欄選擇菜單項的ID與jQuery

回答

相關問題