2017-06-03 41 views
-1

代碼:如何獲取點擊元素的文本內容?

<script> 
    $(document).ready(function(){ 
     $(".special").click(function(){ 
      courses = this.id; 
      location.href = "courses-college.php?courses="+courses; 
     }); 
    }); 
</script> 

<ul> 
    <li class="special" id="design">Design</li> 
    <li class="special" id="forestry">Forestry</li> 
    <li class="special" id="vetenerary">Vetenerary</li> 
    <li class="special" id="diploma(engg)">Diploma(Engg)</li> 
    <li class="special" id="BTechMTech">Dual Degree(Engg)</li> 
    <li class="special" id="BBAMBA">Dual Degree(Mgmt)</li> 
</ul> 

在這段代碼中,當我點擊它由一個沒關係獲得ID只能有一個,但我想,如果我點擊並獲得ID =「BTechMtech」,那麼它會追加「&」與鏈接即

courses-college.php?courses=BtechMtech&Dual Degree(Engg) 

類似的雙度(Mgmt)。那麼,我該如何解決這個問題?請幫忙。

謝謝

+2

你不能只是問我如何獲得點擊元素的文本內容,因爲這應該很容易研究,對吧? – CBroe

+0

如果他花時間發問,那一定對他有幫助。在API中快速查明需要的地方需要一定的經驗,問題作者可能不一定有這樣的經驗。 –

回答

0
<script> 
    $(document).ready(function(){ 
     $(".special").click(function(){ 
      courses = this.id; 
      title = $(this).text(); 
      location.href = "courses-college.php?courses="+courses+"&title="+encodeURIComponent(title); 
     }); 
    }); 
</script> 

<ul> 
    <li class="special" id="design">Design</li> 
    <li class="special" id="forestry">Forestry</li> 
    <li class="special" id="vetenerary">Vetenerary</li> 
    <li class="special" id="diploma(engg)">Diploma(Engg)</li> 
    <li class="special" id="BTechMTech">Dual Degree(Engg)</li> 
    <li class="special" id="BBAMBA">Dual Degree(Mgmt)</li> 
</ul> 

https://jsfiddle.net/jzccb8dg/

+0

謝謝@Jon Smith – kevin

1

利用encodeURIComponent方法幫助你不必轉義元字符。

<script> 
$(document).ready(function(){ 
    $(".special").click(function(){ 
     title = $(this).text(); 
     location.href = "courses-college.php?courses="+encodeURIComponent(title); 
    }); 
}); 
</script>