点击特定的div文本点击

Question

我有以下的HTML。

<div id = "aa"> 
     <table width="100%"> 
      <tbody> 
       <!-- ngRepeat: msg in globalChat --> 
       <tr class="ng-scope" ng-repeat="msg in globalChat" ng-1375781897068="8"> 
        <td class="ng-binding" ng-1375781897068="9"> 
         A 
        </td> 
       </tr> 
       <tr class="ng-scope" ng-repeat="msg in globalChat" ng-1375781897068="10"> 
        <td class="ng-binding" ng-1375781897068="11"> 
         B 
        </td> 
       </tr> 
       <tr class="ng-scope" ng-repeat="msg in globalChat" ng-1375781897068="12"> 
        <td class="ng-binding" ng-1375781897068="13"> 
         C 
        </td> 
       </tr> 
       <tr class="ng-scope" ng-repeat="msg in globalChat" ng-1375781897068="14"> 
        <td class="ng-binding" ng-1375781897068="15"> 
         D 
        </td> 
       </tr> 
       <tr class="ng-scope" ng-repeat="msg in globalChat" ng-1375781897068="16"> 
        <td class="ng-binding" ng-1375781897068="17"> 
         E 
        </td> 
       </tr> 
       <tr class="ng-scope" ng-repeat="msg in globalChat" ng-1375781897068="18"> 
        <td class="ng-binding" ng-1375781897068="19"> 
         F 
        </td> 
       </tr> 
       <tr class="ng-scope" ng-repeat="msg in globalChat" ng-1375781897068="20"> 
        <td class="ng-binding" ng-1375781897068="21"> 
         G 
        </td> 
       </tr> 
       <tr class="ng-scope" ng-repeat="msg in globalChat" ng-1375781897068="22"> 
        <td class="ng-binding" ng-1375781897068="23"> 
         H 
        </td> 
       </tr> 
       <tr class="ng-scope" ng-repeat="msg in globalChat" ng-1375781897068="24"> 
        <td class="ng-binding" ng-1375781897068="25"> 
         I 
        </td> 
       </tr> 
       <tr class="ng-scope" ng-repeat="msg in globalChat" ng-1375781897068="26"> 
        <td class="ng-binding" ng-1375781897068="27"> 
         J 
        </td> 
       </tr> 
       <tr class="ng-scope" ng-repeat="ms`enter code here`g in globalChat" ng-1375781897068="28"> 
        <td class="ng-binding" ng-1375781897068="29"> 
         K 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 

我用AngularJS呈现值

我只是想，如果我在DIV点击任何文字则只有该文本应在DIV突出。通过点击div中的其他文本，应该取消选择之前选择的文本，并选择新的文本。我怎样才能做到这一点？

Answer 1

难道这就是你要找的人：

http://jsfiddle.net/bT8vs/

jQuery的：

$(document).ready(function(){ 
    $('div p').click(function(){ 
     $('div p').css("background-color", "transparent"); 
     $(this).css("background-color", "yellow"); 
    }); 
}); 

Answer 2

这几乎是相同的答案imconnell，但应用到给定的布局：http://jsfiddle.net/rpqvX/7/

$(function() { 
    $("td.ng-binding").click(function() { 
     $("td.ng-binding").removeClass("highlight"); 
     $(this).addClass("highlight"); 
    }); 
}) 

Answer 3

就像一个交替香港专业教育学院，看看下面的jQuery插件：

highlight: JavaScript text higlighting jQuery plugin