大家能帮忙看看如何实现这个功能吗？

Hi, 大家好！下面的代码已经实现了在点击 Types 中的 aType 节点的时候，展开或者关闭 aType 的内容。
而 parameter_type 中的 aType 也连接到 Types 中的 aType ，我想请问如何实现在点击 parameter_type 中的 aType 的时候，跳转到 Types 中的 aType 节点同时展开 aType 的内容。谢谢！
<html lang="en" xml:lang="en" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns="http://www.w3.org/1999/xhtml">
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" media="screen" href="./details.css">
<script src="./js/jquery.js"></script><script>
          $(document).ready(function() {
          $('.type_definition').hide();          $('.type_name').click(function() {
          $(this).next('.type_definition').slideToggle("fast");
          return
          false;
          });
          });
        </script>
</head><body>
<div id="details">
<div class="parameter_list">
<div class="parameter_list_item">
<div class="parameter_name">a</div>
<div class="parameter_type">
<a href="#aType">aType</a>
</div>
</div>
</div><div id="type_list_header">
<h1>Types</h1>
</div>
<div id="type_list">
<div class="type_list_item">
<div class="type_name">
<a href="#" name="aType">aType</a>
</div>
<div class="type_definition">
{ a, b, c}
</div>
</div>
</body>
</html>

解决方案 »

  1.   

    好吧  如果你只是想要实现$(document).ready(function () {
                                                     $('.type_definition').hide();                                                 $('a').click(function () {
                                                         $('.type_definition').slideToggle("fast");
                                                         document.getElementsByName("aType").item(0).focus();
                                                         return
                                                         false;
                                                     });
                                                 });
      

  2.   

    十分感谢，这样确实可以，但是如果有很多个 Types ，那样就不能直接指定 getElementByName(‘具体type’） 了吧？ 我是想能不能在点击 parameter_type 中的 aType 的时候，调用一个函数，给函数传递当前点击的 type ，然后在函数中更具传递的参数找出相应的节点做展开动作？
      

  3.   

    你可以把相对应的name写成同一字段<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <script src="../demo/jquery-1.3.2.min.js" type="text/javascript"></script>
    </head>
    <body>
    <div id="details">
    <div class="parameter_list">
        <div class="parameter_list_item">
            <div class="parameter_name">a</div>
            <div class="parameter_type">
                <a href="#" name="aType">aType</a>
            </div>
        </div>
        <div class="parameter_list_item">
            <div class="parameter_name">b</div>
            <div class="parameter_type">
                <a href="#" name="bType">bType</a>
            </div>
        </div>
    </div>
    </div>
    <div id="type_list_header">
    <h1>Types</h1>
    </div>
    <div id="type_list">
        <div class="type_list_item">
            <div class="type_name">
                <a href="#" name="aType">aType</a>
            </div>
            <div class="type_definition">
                { a, b, c}
            </div>
        </div>
        <div class="type_list_item">
            <div class="type_name">
                <a href="#" name="bType">bType</a>
            </div>
            <div class="type_definition">
                { 1, 2,3}
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function () {
            $('.type_definition').hide();        $('.type_name').click(function () {
                $(this).next('.type_definition').slideToggle("fast");
                return
                false;
            });        $(".parameter_type a").click(function () {
                var tem = $(this).attr("name");
                $(".type_name a").each(function (k, i) {
                    if ($(i).attr("name") == tem) {
                        $(i).focus();
                        $(i).parent().next().slideToggle("fast");
                    }
                });
            });
        });
            </script></body>
    </html>
      

  4.   

    定义一个ID,用for循环赋值给ID,然后getelementbyID()
      

  5.   

    Hi, 我想问下
     $(".type_name a").each(function (k, i) {这个函数中的 k 参数是个什么意思啊？？ 我没有系统的学习过 JavaScript ，所有先在这里求教一下吧！
    谢谢！
      

  6.   


    你可以alert（k）；，之后你肯定就会明白k是什么。
      

  7.   

    哦， 是每一个 type_name  a 字段的索引号？ 这样理解对吗？