jquery - отключить href внутри html-фрейма со страницы

У меня есть набор элементов html, выбранных функцией javascript, и я хочу передать это в jquery и отключить все ссылки html в этом списке. Пожалуйста, дайте мне знать, как этого добиться.

var links = window.frames[1].document.getElementsByTagName("a");

Если это обычная HTML-страница, я могу выбрать ссылки, используя функцию jquery, приведенную ниже, и отключить ссылки. Поскольку у меня есть html-фреймы, связанные с этим, jquery не может выбрать элемент frame.

Поэтому я выбрал его, используя javascript, который является "ссылки".

$("a").click(function (event) {
        event.preventDefault();
    });

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="-1">

</head>
<body>
<div id="wrapper">
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">
        <div class="navbar-default sidebar" role="navigation">
            <div class="sidebar-nav navbar-collapse">
                <ul class="nav" id="side-menu">
                    <li>
                    </li>
                    <li>
                        <a id ="test" href="/Frame1.html" target="detail"><i class="demo-icon icon-chart-line fa-fw"></i> Status<span class="demo-icon icon-right-open-1"></span></a>
                    </li>
                    <li>
                        <a href="/Frame2.html" target="detail"><i class="demo-icon icon-flow-tree fa-fw"></i> Setup<span class="demo-icon icon-right-open-1"></span></a>
                    </li>

                </ul>
                <div id="navfooter">

                    <div id="copyright-loader">
                        <!--<i class="demo-icon icon-spin6 animate-spin" style='font-size:6em; color:#31bbd6;'></i> <br><br>-->
                        <img alt="logo" class="img-responsive" src="../images/logo.jpg" />
                    </div>

                    <br clear='all' /> <br />

                </div>

            </div>
        </div>
    </nav>
</div>
<p>&nbsp;</p>
</body>
</html>

Спасибо

Источник

1 ответ

Добавьте указатель-событие в стиле css: нет к тегу привязки.

document.getElementsByTagName("a") [0].style.pointerEvents = "none";

Протестируйте с chrome и firefox все работает нормально. Но в IE это не сработает

Или удалите атрибут href из тега привязки

document.getElementsByTagName("а")[0].removeAttribute("HREF");

Источник
Другие вопросы по тегам