0

私は次の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 内の他のテキストをクリックすると、以前に選択したテキストの選択を解除し、新しいテキストを選択する必要があります。これどうやってするの？

4

3 に答える 3

1

これはあなたが探していたものですか：

http://jsfiddle.net/bT8vs/

jQuery:

$(document).ready(function(){
    $('div p').click(function(){
       $('div p').css("background-color", "transparent");
       $(this).css("background-color", "yellow");
    });
});
于 2013-08-06T10:00:45.847 に答える