Question

我刚开始使用jQuery ...我正在尝试添加一个下拉菜单，该菜单会在点击“编辑”使用此和时显示，而不使用ID或类 ...它应该隐藏在blur（）...

上

的CSS：

.dropdown-content {
    display: none;
}

HTML：

<div class="col-2 col-2-s edit dropdown">
    <span>
        <a href="javascript:dropdown()">Edit</a>
    </span>
    <div class="dropdown-content">edit list items</div>
</div>

的javascript：

function dropdown() {
    $(this).parent.siblings().show();
}

**

Answer 1

HTML中的JS应该是onclick而不是href属性。然后，您可以将元素作为参数传递给函数。你没有在()

中取消.parent()

function dropdown(el) {
    $(el).parent().siblings().show();
}

.dropdown-content {
    display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-2 col-2-s edit dropdown">
    <span>
        <a onclick="dropdown(this)">Edit</a>
    </span>
    <div class="dropdown-content">edit list items</div>
</div>

Answer 2

使用jQuery绑定，而不是使用onclick attriute。

这样的事情应该有效：

<div class="col-2 col-2-s edit dropdown">
    <span>
        <a data-target="show-siblings">Edit</a>
    </span>
    <div class="dropdown-content">edit list items</div>
</div>

$('a[data-target="show-siblings"]').click(function() {
    $(this).parent().siblings().show();
});

我使用data-target属性，因为我假设您在html上有多个a元素。

Answer 3

尝试使用以下内容：

<div class="col-2 col-2-s edit dropdown">
    <span>
    <script>
    function dropdown(e) {
        $(e).parent().siblings().css("display","block");
    }
    </script>
        <a  href="#" onclick="dropdown(this)">Edit</a>
    </span>
    <div class="dropdown-content">edit list items</div>
</div>

如何在jQuery中使用它来引用HTML元素

3 个答案: