如何用jquery获取没有id的div

wangdj20010 2009-11-06 01:54:45

有html如下
<div class="left_menu_tab">
<h4>asdfasdf</h4>
<div style="display:inline">
<li> <a href="http://www.qq.com" target="contents">asdf</a></li>
<li> <a href="#">asdf</a> </li>
<li> <a href="#">asdf</a> </li>
<li> <a href="#">asdf</a> </li>
</div>
</div>

div中没有ID，我想实现单击h4标签即可隐藏h4标签下面的div，不是隐藏所有的div

部分JS如下

function showLeftMenu() {
$(".left_menu_tab>h4").click(function () {

if (。。。。。.style.display == "none") {
。。。。。.style.display = "inline";

} else {
。。。。style.display = "none";

}
});
}

...全文

233 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

sunli555 2009-11-06

打赏
举报

如果当隐藏的时候也要单击显示，可以写成这样：

$("h4").each(function(){
$(this).click(function(){
if($(this).next().css("display")=="none");
$(this).next().show();
else
$(this).next().hide();
});
});

sunli555 2009-11-06

打赏
举报

下次记得给分！！！

$("h4").click(function(){$(this).next().hide()});

likejun45 2009-11-06

打赏
举报

develop_design_level 2009-11-06

打赏
举报

下次记得给分！！！



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <title>Untitled Document</title>

        <script type="text/javascript" src="jquery-1.3.2.js">

        </script>

        <script type="text/javascript">

            /**

             * @author develop_design_level

             * date 2009-11-06

             */

            $(function(){

                $('h4').click(function(){

					$('h4 + div').hide();

				});

            });

        </script>

    </head>

    <body>

<div  class="left_menu_tab"> 

  <h4>asdfasdf </h4> 

  <div style="display:inline"> 

    <li> <a href="http://www.qq.com" target="contents">asdf </a> </li> 

    <li> <a href="#">asdf </a> </li> 

    <li> <a href="#">asdf </a> </li> 

    <li> <a href="#">asdf </a> </li> 

  </div> 

</div> 

    </body>

</html>