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) 指的是节点对象

    打印出的结果:

  • 相关阅读:
    增量学习中的自我训练
    半监督学习和直推学习的区别
    LeetCode: Word Break
    LeetCode: Linked List Cycle
    LeetCode: Reorder List
    LeetCode: Binary Tree Traversal
    LeetCode: LRU Cache
    LeetCode: Insertion Sort List
    LeetCode: Sort List
    LeetCode: Max Points on a Line
  • 原文地址:https://www.cnblogs.com/xie-xiao-chao/p/7942430.html
Copyright © 2011-2022 走看看