Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.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层次结构问题与next()_Javascript_Jquery - Fatal编程技术网

Javascript jQuery层次结构问题与next()

Javascript jQuery层次结构问题与next(),javascript,jquery,Javascript,Jquery,似乎是$(“img”).next().hide()不起作用 <p> <img src="image.jpg" /> <div>text</div> // this div is set to 'display: none' by default in css </p> 谢谢你的帮助 不应在内联元素(p)中使用块元素(DIV)。 使用DIV代替P,并将类设置为P。只允许作为子元素。这可能是第一个示例不起作用的原因 <p> &

似乎是
$(“img”).next().hide()不起作用

<p>
<img src="image.jpg" />
<div>text</div> // this div is set to 'display: none' by default in css
</p>

谢谢你的帮助

不应在内联元素(p)中使用块元素(DIV)。 使用DIV代替P,并将类设置为P。

只允许作为子元素。这可能是第一个示例不起作用的原因

<p>
<img src="image.jpg" />
<span>text</span>
</p>
<img src="image.jpg" />
<div>text</div>
$(document).ready(function(){
    $("img").hover(
        function()
        {
            $(this).next().show();
        },
        function()
        {
            $(this).next().hide();
        }
    );
});