點擊特定的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