Использование JQuery для удаления встроенных атрибутов в таблице

Question

В первую очередь здесь код, я нацеливание:

ширина таблицы = «100%» CELLSPACING = «1» CELLPADDING = «5» граница = «1» стиль = "margin-top: 30px; border: solid 1px # 999999;"

Я хочу удалить атрибуты границы, используя jquery из таблицы. У меня есть сотни таблиц с таким же набором кода и вы хотите поэкспериментировать с разными взглядами.

Любая помощь будет оценена

Answer 1

Обратите внимание, что у вас есть две ссылки на границы элементов. Один как атрибут элемента, а другой - атрибут встроенного стиля.

Вы можете использовать функцию jQuery removeAttr() для удаления атрибутов из элементов DOM. С этим вы сможете удалить атрибут border="1".

$("#table_element").removeAttr("border"); 

В качестве альтернативы вы можете просто установить атрибут border равным нулю. Для этого, вы бы использовать attr() function:

$("#table_element").attr("border", 0); 

Кроме того, что вы желаете, чтобы сделать, это изменить свойства CSS элемента, потому что ваш элемент также имеет некоторые встроенные стили.

Для этого вы можете использовать функцию jQuery css() и установить для свойства border значение «none».

$("#table_element").css("border", "none");