js小问题

Question

<div class="list">
        <ul>
            
                    <li><a target="_blank" title="1" href="/a0001.aspx">1</a></li>                
                
                    <li><a target="_blank" title="2" href="/a0002.aspx">2</a></li>                
                
                    <li><a target="_blank" title="3" href="/a0003.aspx">3</a></li>                
                
                    <li><a target="_blank" title="4" href="/a0004.aspx">4</a></li>                
                
                    <li><a target="_blank" title="5" href="/a0005.aspx">5</a></li>                
                
        </ul>
    </div><div class="tit"><a target="_blank" href="/a0005.aspx" title="5">5</a></div>如题 两个div 如果class='tit'底下的'/a0005.aspx'链接 与class='list'底下的连接<a target="_blank" title="5" href="/a0005.aspx">5</a>  相同的话 则隐藏 <li><a target="_blank" title="5" href="/a0005.aspx">5</a></li> js如何操作比较好？

Answer 1

加id,如：
<li id="li5" ><a id="lnk5" target="_blank" title="5" href="/a0005.aspx">5</a></li>
</ul>
</div><div  class="tit"><a id="lnk0" target="_blank" href="/a0005.aspx" title="5" >5</a></div>js：
    <script type="text/javascript">
        onload = function() {
            if (document.getElementById("lnk0").href == document.getElementById("lnk5").href) {
                document.getElementById("li5").style.display = "none";
            }
        }
    </script>

Answer 2

如果相同，则隐藏，visible=false,反之，visible=true,在js里面，获取getElemenetByID,获取两个，然后比较！