Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery子元素_Javascript_Jquery - Fatal编程技术网

Javascript Jquery子元素

Javascript Jquery子元素,javascript,jquery,Javascript,Jquery,当我使用查询向某些元素添加事件处理程序时: $('div').mouseover(function () { }); Iinside函数我有一个元素,我们为它添加了事件函数($(this))。 下一步如何检查此函数的内部: 有这个“DIV”($(this))子元素 “DIV” 有这个“DIV”($(this))孩子吗 高度大于的元素“DIV” 300 当您在函数中时,此引用DIV元素。然后你可以做任何你想了解更多的事情

当我使用查询向某些元素添加事件处理程序时:

$('div').mouseover(function () {

                                    });
Iinside函数我有一个元素,我们为它添加了事件函数($(this))。 下一步如何检查此函数的内部:

  • 有这个“DIV”($(this))子元素 “DIV”
  • 有这个“DIV”($(this))孩子吗 高度大于的元素“DIV” 300

  • 当您在函数中时,
    引用DIV元素。然后你可以做任何你想了解更多的事情

    因此,要获取子div,可以使用
    var childDivs=$('div',this)

    $('div')。鼠标悬停(函数(){
    var children=$(this.children(“div”);//表示直接子div
    如果(children.length>0){
    警报(“div”子对象出现);
    对于(i=0;i300)
    警报(“高度超过300的“div”);
    } 
    });
    

    更新:
    children[i].css('height')
    也可以使用。

    您可以将其放在
    鼠标上方的
    事件代码中:

    $(this).children('div').each( function() { // $(this) is your parent <div>
      if ($(this).height() > 300) { // $(this) is the current child <div>
        // Do things here...
      }
    });
    
    $(this).children('div')。每个(function(){/$(this))都是您的父级
    如果($(this).height()>300){/$(this)是当前子级
    //在这里做事。。。
    }
    });
    
    请修改。不确定你在问什么。顺便说一句,看看这里有很多很棒的相关片段,但是children[i]中有一个错误。height():它只适用于这样的语法$(children[i])。height()@Anton:Hmm。在这种情况下,你可以使用
    .css('height')
    $(this).children('div').each( function() { // $(this) is your parent <div>
      if ($(this).height() > 300) { // $(this) is the current child <div>
        // Do things here...
      }
    });