JQuery获取父容器


   <div class="main">
       <div class="suz">
         <div class="title"><img src="imgs/top.jpg" alt="" border="0"/>苏州 > 比赛名称 Math1234</div>
         <div class="content"></div>
       </div>
       <div class="shanghai">
         <div class="title"><img src="imgs/top.jpg" alt="" border="0"/>苏州 > 比赛名称 Math1234</div>
         <div class="content"></div>
       </div>
       <div class="nanjings">
         <div class="title"><img src="imgs/top.jpg" alt="" border="0"/>苏州 > 比赛名称 Math1234</div>
         <div class="content"></div>
       </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".main img").toggle(
            // the first click
            function () {
                $(this).attr("src", "imgs/down.jpg");
                // var par = $(this).parent;
            },
            // the second click
            function () {
                $(this).attr("src", "imgs/top.jpg");
            }
            );
        });
    </script>
// 我想获取suz,shanghai,nangjing,这些容器，然后再获取content来对它赋值。应该怎么做啊，
// 其实我最后想达到的是一种这点的效果，各位有什么好的方法没有。
// 等候佳音啊！效果图: