クリックした要素のテキストコンテンツを取得するにはどうすればよいですか？

Question

コード：このコードで

<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> 

私はそれは大丈夫だ1によって同上1を取得]をクリックしますが、私は、私はクリックして取得する場合は、id =「BTechMtechは」それはリンクすなわち

で「&」を追加することをしたいとき

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

同様に二重次数（Mgmt）の場合。だから、どうすればこの問題を解決できますか？

はencodeURIComponentでを生かし

Answer 1

<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/

Answer 2

ありがとうあなたはエスケープするためのメタ文字を持つことができます。

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