javascript - 查找最近的 li 链接并在新页面中打开它 - Javascript

Question

我有一个子菜单，分为两部分:右侧是一个包含链接的 li，左侧每个 li 都有一个图标。

图标使用一个名为“submenubtn”的css类。我想制作一个javascript函数，它从最近的li获取链接，分配给该图标，当单击该图标时，该链接应该在新窗口中打开选项卡。

希望我说得足够清楚，有什么不明白的地方请问我。

这是我到目前为止的代码:

$(document).ready(function() {
    $("body").on("click", ".submenubtn", function() {
    var link = $(this).find("li").attr('href'); 
    //window.alert(link);
    window.open(link)
 });
 });

链接返回“未定义”。

我不知道这会有多大帮助，但是 html 页面:

<?Menu?>
<div id="<?$_name?>" class="atk-menu atk-menu-vertical atk-popover">
<ul>
    <?Item?>
        <?MenuItem?>
        <li id="<?$id?>" class="<?$class?>"> <a href="<?$href?>"><i class="<?$icon?>"></i><?label?>MenuItem<?/?></a></li>
        <?/MenuItem?>
    <?/?>
    <?$Content?>
</ul>
</div>
<?MenuSeparator?><?/MenuSeparator?>
<?/?>

编辑我解决了问题..请参阅我的答案解决方案

Answer 1

使用window.location.href = link;和JQuery的closest()函数来得到你想要的

要在新窗口中打开它，请添加 window.open(link, '_blank')