如何将 target="_parent" 添加到所有菜单项答案

【问题标题】：How to add target="_parent" to all menu items如何将 target="_parent" 添加到所有菜单项
【发布时间】：2014-04-19 15:12:20
【问题描述】：

我有一个菜单：

<ul>
    <li class="menu-item">
        <a href="about.html">about</a>
    </li>
    <li class="menu-item">
        <a href="contact.html">contact</a>
    </li>
</ul>

如何将 target="_parent" 添加到所有具有“菜单项”类的链接。我怎么能用 jquery 做到这一点

【问题讨论】：

如果ul 中没有其他li，则将类放在ul 上。而不是使用 jquery 将 target="_parent" 放在 html 中。

标签： javascript jquery html css target

【解决方案1】：

这样就可以了：

$('.menu-item').attr('target', '_parent');

正如您所评论的，如果菜单项类附加到 li 元素，则执行；

$('.menu-item > a').attr('target', '_parent');

【讨论】：

哦，忘了一件事，“li”上的课程而不是“a”上的课程
您忘记在您发布的 jsfiddle 中添加 jquery。检查这个：jsfiddle.net/keune/VmpXU

【解决方案2】：

或者作为现代 jQuery 的 keune 答案的补充：

$(document).ready(function () {
    $('li.menu-item').prop('target', '_parent');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li class="menu-item"> <a href="about.html">about</a>

    </li>
    <li class="menu-item"> <a href="contact.html">contact</a>

    </li>
</ul>

【讨论】：

target 是属性吗？我以为这是一个属性？
对不起，忘了一件事，“li”上的课程不在“a”上