2016-09-20 2 views
-1

я следующий HTMLappying CSS с помощью JQuery

<td> 
    <a class="myBtn" href="/something/1"> 
</td> 

и я хочу использовать JQuery, чтобы придать CSS для т.д элемент ориентации класс myBtn, поэтому впоследствии HTML должен выглядеть как этот файл CSS

<td class="text-center"> 
    <a class="myBtn" href="/something/1"> 
</td> 

$(".myBtn").parent().addClass('text-center'); 

имеет

.text-center{ 
    text-align:center!important; 
} 

Firebug не сообщает об ошибках, но элемент td отображается без применения класса css. Что я здесь делаю неправильно?

+3

Выглядит правильно, но вопросы, требующие помощи по коду, должны содержать кратчайший код, необходимый для его воспроизведения ** в самом вопросе **, предпочтительно в [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/введение-работоспособной-на JavaScript CSS-и-HTML-код-фрагменты /). См. [** Как создать минимальный, завершенный и проверяемый пример **] (http://stackoverflow.com/help/mcve) –

+4

Возможно, jquery запускался до того, как html был загружен? – Meddie

+0

Возможно, Firefox не нравится, когда '' не имеет закрывающего тега. – Quantastical

ответ

2

Это немного догадка, не зная всего кода, но я думаю, что DOM не полностью загружен, когда вы добавляете класс в td.

Так изменить его:

$(function() { 
    $(".myBtn").parent().addClass('text-center'); 
}); 

то класс будет добавлен как только будет загружен весь DOM.

Обратите внимание, что вам тоже не хватает тега </a> !!

Смежные вопросы