zoukankan      html  css  js  c++  java
  • JQuery中this指向

    如果是元素操作,$(this)就可以指向当前元素

    <div id="test">谢小超</div>
    <script type="text/javascript">
        $("test").on('click',function(){
           var x= $(this).html();
           alert(x);
        })
    </script>

    如果是方法,就要传参了:

    <input type="" oninput="showCurrentVal(this)">
    <script type="text/javascript">
        function showCurrentVal(_this){
            setTimeout(function(){
                var val = _this.value;
                var str = "";
                if(val != ""){
                    $(_this).siblings(".go-list-select").find("option").each(function(index,el){
                        if($(this).text().indexOf(val) >= 0){
                            str += "<li value='"+$(this).attr("value")+"'>"+$(this).text()+"</li>"
                        }
                    });
                    $(_this).siblings(".go-list").find(".go-list-box").html(str);
                }else{
                    $(_this).siblings(".go-list-select").find("option").each(function(index,el){
                        str += "<li value='"+$(this).attr("value")+"'>"+$(this).text()+"</li>"
                    });
                    $(_this).siblings(".go-list").find(".go-list-box").html(str);
                }
            },500);
        }
    </script>

    _this指的是当前元素,$(_this) 指的是节点对象

    打印出的结果:

  • 相关阅读:
    团队冲刺六
    团队冲刺五
    【Mybaits学习】03_ CRUD基于注解
    【Mybaits学习】02_ 快速入门
    【Mybaits学习】01_ 初识
    深圳国际马拉松
    深圳南山半程马拉松
    Selenide使用笔记
    UI自动化测试01-环境搭建
    Java C3p0在Spring中运用
  • 原文地址:https://www.cnblogs.com/xie-xiao-chao/p/7942430.html
Copyright © 2011-2022 走看看