如何在多个<span>中获取单个值

Question

       <li type="square"><span id="kj1">應收帳目</span>
<ul type="disc">
<li><a href="#" class="a"><span id="kj11" >實時柯打收款</span></a>
<li><a href="#" class="a"><span id="kj12" >一般雜費</span></a>
         <li><a href="#" class="a"><span id="kj13" >遞單費</span></a>
<li><a href="#" class="a"><span id="kj14" >每月應收帳目</span></a>
<li><a href="#" class="a"><span id="kj15" >客戶帳目</span></a>
    </ul>
想要的效果是
   当我点击到遞單費的时候，就显示遞單費

Answer 1

<ul type="disc" id="oul">
<li><a href="#" class="a"><span id="kj11" >實時柯打收款</span></a>
<li><a href="#" class="a"><span id="kj12" >一般雜費</span></a>
<li><a href="#" class="a"><span id="kj13" >遞單費</span></a>
<li><a href="#" class="a"><span id="kj14" >每月應收帳目</span></a>
<li><a href="#" class="a"><span id="kj15" >客戶帳目</span></a>
</ul>
<script type="text/javascript">
window.onload = function() {
var ul = document.getElementById("oul");
ul.onclick = function(e) {
var e = e || window.event;
var t = e.target || e.srcElement;
alert(t.innerHTML);
}
}
</script>

Answer 2

$('ul[type=disc] span').click(alert($(this).val()));
----------使用了jquery，不知道对吗？

Answer 3

不对
$("ul[type='disc'] span").click(function () {
   alert($(this).text());
   alert($(this).html());//span没有val，至于form表单的中才有
});