Question

我有以下HTML元素，我想通过点击那些HTML元素中的其他地方使用$（this）获取一些元素名称。

HTML代码：

<span class="iselect dropdown">
    <ul class="ioptionlist">
        <li class="ioption">aa<span class="iclosebtn"><i class="fa fa-times" aria-hidden="true"></i></span></li>
        <li class="ioption">bb<span class="iclosebtn"><i class="fa fa-times" aria-hidden="true"></i></span></li>
        <li class="ioption">cc<span class="iclosebtn"><i class="fa fa-times" aria-hidden="true"></i></span></li>
        <li class="ioption">dd<span class="iclosebtn"><i class="fa fa-times" aria-hidden="true"></i></span></li>
        <li class="ioption">ee<span class="iclosebtn"><i class="fa fa-times" aria-hidden="true"></i></span></li>
        <li class="ioption">ff<span class="iclosebtn"><i class="fa fa-times" aria-hidden="true"></i></span></li>
        <li class="ioption">gg<span class="iclosebtn"><i class="fa fa-times" aria-hidden="true"></i></span></li>
    </ul>
    <input type="text" class="iselectinput" data-toggle="dropdown">
    <div class="dropdown-menu">
        <a class="dropdown-item" href="javascript:;" onClick="insertitag();"><img src="" width="32px" height="32px">cc</a>
    </div>
</span>

如果我点击下拉项目，我想使用$（this）访问上面的ul。

$(document).on('click', ".iselect .dropdown-menu a", function() {
---------Code----
});

此外，我想知道何时使用$（this）访问下拉菜单的文本框密钥。

$(".iselect input").on("keyup", function(){
-----Code---
});

使用$（this）方法的原因我有很多这样的HTML代码，当我点击它时，其他HTML代码也可以访问。

Answer 1

首先你的选择器是错误的是（a）你用jquery选择
您可以使用$(this).parent()功能
我不明白上一个问题，如果你想要这个书面文字的价值只是使用$(this).val()

如何在jQuery中使用$（this）返回元素名称

1 个答案: