Как добавить класс на td через Jquery - PullRequest
1 голос
/ 27 октября 2009

у меня ниже HTML

<table class="Newuser" cellspacing="0" cellpadding="0" border="0" id="ctl00_ContentPlaceHolder2_CreateUserWizard1">
<tr>
    <td>
        <table>
            <tr>
                <td>
                </td>
                <td>
                </td>
            </tr>
        </table>
    </td>
</tr>
<tr>
    <td>
        <table>
            <tr>
                <td>
                </td>
                <td>
                </td>
            </tr>
        </table>
        </td>
    </tr>
</table>

Теперь я хочу добавить класс во время выполнения через Jquery, чтобы мой код обновления стал таким, как показано ниже. Я хочу добавить класс во второй tr первый td, основной класс которого "Newuser"

<table class="Newuser" cellspacing="0" cellpadding="0" border="0" id="ctl00_ContentPlaceHolder2_CreateUserWizard1">
<tr>
    <td>
        <table>
            <tr>
                <td>
                </td>
                <td>
                </td>
            </tr>
        </table>
    </td>
</tr>
<tr>
    <td>
        <table>
            <tr>
                <td class="buttonClose">
                </td>
                <td>
                </td>
            </tr>
        </table>
        </td>
    </tr>
</table>

Пожалуйста, предложите!

Ответы [ 3 ]

5 голосов
/ 27 октября 2009

Прежде всего, я должен сказать, что вложенные таблицы ужасны на 100%. Пожалуйста, пересмотрите ваш дизайн.

Хорошо, теперь это не моя система, попробуйте это:

$("table.Newuser > tbody > tr:eq(1) table td:eq(0)").addClass("buttonClose")

Чтобы выбрать первую строку таблицы Newuser, вам нужно использовать эти > дочерние правила, включая tbody, в противном случае «second tr» фактически является первой tr таблицы первый ряд, если вы понимаете, о чем я.

Некоторые браузеры автоматически добавляют элемент <tbody> в таблицы без них, другие - нет, и я думаю, что этот запрос может не работать в этих браузерах. Вы всегда должны добавлять элемент tbody в свои таблицы. (И никогда их не вкладывать !!)

4 голосов
/ 27 октября 2009

Научите человека ловить рыбу.

http://docs.jquery.com/Selectors

http://docs.jquery.com/Addclass

0 голосов
/ 27 октября 2009
$('#ctl00_ContentPlaceHolder2_CreateUserWizard1 > tr').filter(':nth-child(2)').find('td:first').addClass('buttonClose');
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...