Ячейки таблицы стилей с использованием jQuery - PullRequest
Новая
       23

Ячейки таблицы стилей с использованием jQuery

3 голосов
/ 09 июня 2009

Я пытаюсь стилизовать ячейки таблицы внутри таблицы, основываясь на том, содержит ли символ | в URL или нет (не спрашивайте, имея дело с SharePoint).

Пример HTML; 

<table>
<tr>
<td class="ms-cal-workitem">
<table>
<tr>
<td class="ms-cal-monthitem">
<a href="http://localhost:4657/1">Event 1</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="ms-cal-workitem">
<table>
<tr>
<td class="ms-cal-monthitem">
<a href="http://localhost:4657/1|435348578-kfsd-sdfsf-sfsf-324ewwer">Event 2</a>
</td>
</tr>
</table>
</td>
</tr>
</table>

В любой ячейке таблицы с классом ms-cal-workitem, содержащей гиперссылку, должен быть красный цвет фона. Единственное исключение - любые ячейки таблицы с классом ms-cal-monthitem, содержащие гиперссылку с символом | в их собственности.

Что у меня так далеко; 

        $(document).ready(function() {
            $("td.ms-cal-workitem:has(a[href*='|'])").css("background-color", "#ffff99");
            $("td.ms-cal-workitem:has(a:not[href*='|'])").css("background-color", "#ffcc33");
        });

Ответы [ 2 ]

2 голосов
/ 09 июня 2009

Это похоже на работу. 

$(document).ready(function() {
       $("td.ms-cal-monthitem:has(a[href*='|'])").css("background-color", "#ffff99");
       $("td.ms-cal-monthitem:has(a[href]):not(:has(a[href*='|']))").css("background-color", "#ffcc33");  
});
0 голосов
/ 09 июня 2009

Если я могу задать глупый вопрос, почему бы не назначать классы при обработке на стороне сервера вместо того, чтобы делать это с помощью jquery? Это не меняется динамически, правильно?

...