Question

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>

我正在寻找一种方法来设置父.menuitem的id，如果.menutext值等于页面的标题。在顶部有一个指向jsFiddle的链接。

提前致谢...

Answer 1

这样的事情会做到：

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

即，过滤所有.menuText div以找到具有匹配文本的div，然后获取其父级，然后设置id。

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

（我很好奇你为什么要“设置id”。如果你想突出显示适用于当前页面的菜单，那么添加一个“当前”类就更有意义了。）

使用jQuery从页面标题中设置导航栏选择的菜单项ID

1 个答案: