ディスカッション (解決策) に返信 完全なコードを投稿してください。画像は投稿しないでください 無題ドキュメント <br> /* <br> * テーブルの Ul スタイルを定義します <br> * 順序のないスタイルを削除します <br> * リストの外側のスクリプトをキャンセルします <br> * <br> */ <br> table ul{ <br> margin:0px; 🎜> list-style:none; <br>padding:0px; <br>background-color:#3C9DFF; <br> } <br> /*テーブルのスタイルを定義します<br> *テーブルのフレームを定義します。 <br> * とセルの境界線が定義されています <br> * <br> */ <br> <br> table { <br> border:#86FFFF 2px Thin; <br> width:80px; <br> table td{ <br> border:#8080ff 1px Solid; <br> background-color:#f3c98f; <br> } <br> /* <br> *ハイパーリンク スタイルをキャンセルします🎜> * <br> */ <br> <br> table td a:link,table td a:visited{ <br> color:#FF0B0B; <br> text-decoration:none; /*いくつかのスタイルを事前定義します*/ <br> <br> .open{ <br> display:block; <br> } <br> .close{ <br> display:none; <br> < ;/ style> <br> <br> <script type="text/javascript"> <br> <br> function list(node){ <br> //操作対象ノード ul を取得します。 <br> /* <br> * 最初にイベント ソース ハイパーリンク ラベルを通じてその親ノード td を取得し、次に親ノードを通じて ul ノードを取得します。 <br> */ <br> var oTdNode = node.parentNode; <br> var oUlNodes = oTdNode.getElementsByTagName("ul")[0] <br> //alert(oUlNodes.nodeName); > //テーブル内のすべての ul を取得します。 <br> //最初にテーブルノードオブジェクトを取得します。 <br> var oTabNode = document.getElementById("goodlist"); <br> var oCollUlNodes = oTabNode.getElementsByTagName("ul"); <br> for(var x; x<oCollUlNodes.length; x++){ <br /> if(oCollUlNodes[x] == oUlNodes){ <br /> if(oULNodes.className ="open"){ <br /> oUlNodes.className ="close"; <br /> }else{ <br /> oUlNodes.className =" open"; <br /> } <br /> }else{ <br /> oCollUlNodes.className = "close"; <br /> } <br /> } <br /> } <br /> <br /> </script> <br> </head> <br> <br> <body> <br> <br> <table id="goodlist"> <br> a href="javascript:void; 0)" onclick="リスト(この） "＆gt; friendsメニュー＆lt;/a＆gt; <br>🎜>; a friend＆lt;/li＆gt;<br>🎜><a href="javascript:void(0)" onclick="list(this)">友達メニュー</a> <br> t;友人<br> id（0） "onclick =" list（this） "＆gt; friend menu＆lt;/a＆gt; <br>; li＆gt; a friend＆lt;/li＆gt;<br>＆lt;🎜>＆lt; <br>>＆lt; li>友人</li> <br> <li>友人</li> ; <br></html> <br> <br> <br> 上の画像のコードは完全で、常に順序どおりです <br> <br> <br> <br> <br> <br> 上の画像のコードは完全で、常に順序通りです <br> <br> 主な理由は、写真を送ると他の人がデバッグするのは困難です <br> <br> コードには問題ないと思いますが、結果が得られません <br> <br> ありがとう、あなたのコードは結果を生み出すことができます。私のコードがどこで間違っていたのか見てください <br> </p> <p class="sougouAnswer"> </p> <p class="yy"> 谢谢，你的代码可以出结果，你看看我的代码哪里出差错了 </p> <br>你代码错误很多，逻辑性错误就不说了，只说语法错误 <br> <br>var oTabNode = document.getElementById("goodlist"); <br>var oCollUlNodes = oTabNode.getElementsByTagName("ul"); <br>for(var x; x<oCollUlNodes.length; x++){ //x变量没赋初值 <br>if(oCollUlNodes[x] == oUlNodes){ //对象是按引用地址比较的。虽然两个jq对象中包含的元素一样，但引用地址不同也不相等 <br>if(oULNodes.className = "open"){ //比较相等用 “==” 。 oULNodes的l是小写 <br> oUlNodes.className = "close"; <br>}else{ <br>oUlNodes.className = "open"; <br>} <br>}else{ <br>oCollUlNodes.className = "close"; //应该oCollUlNodes[x].className <br>} <br> <br> <p class="sougouAnswer"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script><script type="text/javascript">$(function(){ $(".hylist").click(function(){ $(this).parent().addClass('active').siblings().removeClass('active'); });});</script><style type="text/css">dl,dd,dt{margin:0;padding:0;}.box{width:200px;background:#66cccc;line-height:24px;font-size:14px;text-align:center;}.box .hylist{background:#ff9966;color:#fff;}.box dd{display:none;}.box .active .hylist{border-left:8px solid #f00;}.box .active dd{display:block;} 好友菜单一个好友11一个好友12一个好友13 好友菜单一个好友21一个好友22一个好友23 好友菜单一个好友31一个好友32一个好友33ログイン後にコピー 十分感谢你，能给我一些指导吗，因为我自己在自学web前端,对于web整体意识还是模糊的
