0

http://jsfiddle.net/EAN5K/

<!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>

.menutext 値がページのタイトルと等しい場合、親 .menuitem の ID を設定する方法を探しています。上部に jsFiddle へのリンクがあります。

前もって感謝します...

4

1 に答える 1

1

このような何かがそれを行います:

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

つまり、すべての.menuTextdiv をフィルタリングしてテキストが一致するものを見つけ、その親を取得してから ID を設定します。

デモ: http://jsbin.com/eqapih/1/edit

(ただし、なぜ「id を設定」したいのか不思議です。現在のページに適用されるメニューを強調表示したい場合は、「現在の」クラスを追加する方が理にかなっています。)

于 2013-06-29T00:58:27.603 に答える