1

私のhtmlテーブルには2つの行があり、最初の行にはcssがありませんが、2番目の行にはcssselected to trがあります。ユーザーがcssselectedでそのtrまたはtdをクリックした場合、フォーカスを削除する必要があります。 

 <table id="myTable">           
            <tr>
                <td>
                    cell4
                </td>
                <td>
                    cell5
                </td>
                <td>
                    cell6
                </td>
            </tr>
            <tr class="cssselected">
                <td class="cssselected">
                    cell 12
                </td>
                <td class="cssselected">
                    cell8
                </td>
                <td class="cssselected" rowspan="2">
                    cell8
                </td>
            </tr>
            <tr class="cssselected">
                <td class="cssselected">
                    cell9
                </td>
                <td class="cssselected">
                    cell10
                </td>
            </tr>
        </table>
4

2 に答える 2

1

これがJQueryソリューションです:-

$(document).ready(function(){

    $('.cssselected').click(function(){
        $(this).removeClass('cssselected');
    });
});
于 2012-06-26T11:14:34.587 に答える
1

フォーカスを削除するとは、その行から を削除することを意味しますcssselected(フォーカスは入力タグで使用する用語であるため、これを言います):

$('tr').click(function() {
    // If the clicked tr has the class cssselected
    if($(this).hasClass('cssselected')){
        // Remove the class cssselected 
        // from all the descendant td and from the clicked tr
        $('td', this).andSelf().removeClass('cssselected');
    }
});

ここでフィドルhttp://jsfiddle.net/97HVf/

于 2012-06-26T11:13:42.243 に答える