jQuery: как перезаписать ширину таблиц?

Question

У меня есть таблица, которая выглядит так: <table style="width:375pt">. Как я могу перезаписать его ширину до 50%? Мне нужно выбрать только одну таблицу с этой шириной, а не другие таблицы на странице. Итак, вопрос в том, как выбрать таблицу с определенной шириной?

Спасибо.

Answer 1

$("table.classname").css("width","50%");

<table class="classname" style="width:375pt">

Упс, не прочитал оператор "одна таблица на странице". Все еще работает, хотя.

Answer 2

Атрибуты стиля можно напрямую установить с помощью метода css():

$("table").css("width", "50%");

Что касается того, как ограничить ее определенной таблицей, вы не сможете (легко) запросить таблицу шириной 375 пикселей (хотя это частично можно сделать с помощью селектора атрибутов).

Типичным подходом является присвоение соответствующей таблице идентификатора или класса или использование селекторов CSS другими способами, чтобы ограничить ее соответствующими таблицами.

Например:

<table id="mytable" style="width:375px;">

с:

$("#mytable").css("width", "50%");

Answer 3

$("table").each(function(){
  if($(this).css('width') == '375px')
  {
     $(this).css('width', '50%');
  }
});