2017-06-03 121 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>