通過js獲取<div>下層層嵌套的內容：
最近一個問題困擾了我很久，不得解決，今日得朋友指點，豁然開朗，此處遙謝朋友一聲！
問題描述：
一個注冊頁面中的一個form表單下兩個子項，單擊其中一個，另一個隱藏，提交時判斷是哪一個子項時總是獲取不到判斷依據的內容。源碼不再贅述，此處簡記一下。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .div1{} .span1{} .span2{} .span3{} .a1{} .a2{} .a3{} </style> <script src="js/jquery-1.11.1.min.js"></script> </head> <body> <div class="div1"> <span class="span1"><a class="a1" href="javascript:;">第一個span中a標簽內容</a></span> <span class="span2"><a class="a2" href="javascript:;">第二個span中a標簽內容</a></span> <span class="span3"><a class="a3" href="javascript:;">第三個span中a標簽內容</a></span> </div> <script type="text/javascript"> alert("第一彈:" + $(".div1 span a.a1").text()); //可以獲得a標簽中的內容 alert("第二彈:" + $(".div1 span .a1").text()); //可以獲得a標簽中的內容 alert("第三彈:" + $(".div1 span a .a1").text()); //空白 </script> </body> </html>
要獲取<div>中<span>里<a>內的文本內容，第一彈和第二彈都可以實現，此處推薦第一彈的寫法，意思明了。
易錯點是第一彈和第三彈，只有一個【空格】的差別，第三彈的寫法是獲取不到內容的！
熟悉js的朋友可以忽略，本人對js了解不多，碰到問題記一下，當作前車之鑒！