javascript - jquery 不删除元素

Question

我有一个使用 jquery mobile 的页面，我遇到了以下简单问题：

在 DOM 中某处带有（单个）链接的网页：

<a data-theme="a" data-role="button" href="https://m.mybet.com">
Smartphone-Version nutzen</a>

我在html中添加了一个这样的按钮

<input type="button" onclick="javascript:remove_link();"/>

我的 javascript 看起来像这样：

<script type="text/javascript">
    function remove_link() {
        console.log("1")
        $("a").remove();
        console.log("2")
    }
</script>

但是，当单击按钮时，chrome 浏览器会告诉我：

Uncaught TypeError: Cannot call method 'remove' of null
remove_link 
onclick

我也尝试了 empty() ，同样的问题。为什么？

Answer 1

我总是使用 ids 和 javascript，对我来说更容易。试试这个：

<a data-theme="a" id="id1" data-role="button" href="https://m.mybet.com">
Smartphone-Version nutzen</a>

<script type="text/javascript">
    function remove_link() {
        console.log("1")
        $("#id1").remove();
        console.log("2")
    }
</script>

Answer 2

好吧，我发现了。我现在使用本机 javacript：

document.querySelector( 'a' ).remove()

做这项工作。

Answer 3

试试这个：

<a data-theme="a" data-role="button" href="https://m.mybet.com">
Smartphone-Version nutzen</a>

<input id="remove_link" type="button" />

<script type="text/javascript">
  $('#remove_link').click(function() {
    console.log("1")
    $("a").remove();
    console.log("2")
  });
</script>

Answer 4

看起来你还没有加载 jQuery。确保<script src="path/to/jquery.js"></script>在调用函数之前包含 。

在不加载 jQuery 的情况下，您的浏览器正在调用本机$函数。

// native jQuery function
function $(id) {
  return document.getElementById(id); // may return null
}

本机函数可能会返回null而不是一个空的 jQuery 对象。它还在搜索 id，而不是 css 选择器。在您的情况下，一个具有 id 'a' 的元素而不是所有锚元素。