Значение отображения стиля JQuery

Как проверить отображаемое значение элемента

<tr id="pDetails" style="display:none">

$("tr[id='pDetails']").attr("style") дает мне 'display:none'

Я хочу написать jquery script, который вернет мне только значение отображения, которое является "none"

Возможно ли это?

Ответы

Ответ 1

Просто позвоните css с одним аргументом

  $('#idDetails').css('display');

Если я понимаю ваш вопрос. В противном случае вам нужен ответ cletus.

Ответ 2

Ну, с одной стороны, ваше подавление может быть упрощено:

$("#pDetails").attr("style")

так как для любого заданного идентификатора должен быть только один элемент, а селектор ID будет намного быстрее, чем используемый вами селектор идентификаторов атрибутов.

Если вы просто хотите вернуть отображаемое значение или что-то еще, используйте css():

$("#pDetails").css("display")

Если вы хотите искать элементы, у которых нет отображения, это намного сложнее сделать надежно. Это пример, который не будет на 100%:

$("[style*='display: none']")

но если вы просто хотите найти скрытые вещи, используйте это:

$(":hidden")

Ответ 3

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

$("tr[id='pDetails']").attr("style").split(':')[1];