2013-04-29 3 views
-5

Я пытаюсь изменить css определенных divs на странице, используя имя класса.изменить css определенных divs, используя имя класса

проблема в том, что классы с именем «content_container» не станет видимым

EDIT: проблема с var deleted_content = $(this).closest('.deleted_content_unique_id').attr('value'); Это не устанавливает переменную по некоторым причинам.

вот jfiddle http://jsfiddle.net/die20/uUudM/16/

+6

И в чем проблема? –

+0

content_unique_id не является классом в вашем html, но атрибуте name –

+1

Кажется, что ваш CSS изменяет div, а не элементы ввода внутри них. Кроме того, я не буду использовать видимость, поскольку это вызывает множество проблем. Я бы использовал display: none/block вместо этого. – rncrtr

ответ

1

HTML, вы предоставили не очень понятно, но это простой пример того, как Переберите дочерние элементы и скрыть только те, которые отвечают критериям:

HTML:

<input type="submit" value="hide #2" id="hide"> 
<div id="wrapper"> 
    <div data-hide="false">1</div> 
    <div data-hide="true">2</div> 
    <div data-hide="false">3</div> 
</div> 

JQuery:

$("#hide").on('click', function() { 
    $('#wrapper').children().each(function() { 
     if ($(this).attr('data-hide') == 'true') { 
      $(this).hide(); 
     } 
    }); 
}); 

Exa mple: http://jsfiddle.net/sEpkU/

Также обратите внимание, что вы ссылаетесь на имя класса .content_unique_id, но это не класс в вашем HTML, это атрибут. Чтобы выбрать divs на основе атрибута, который вы используете:

$("[name='content_unique_id[]']") 
+0

Я только что обновил jquery на основе вашего ввода. все еще есть проблемы. –

+0

Если вам нужна помощь, вам нужно более подробно описать свои проблемы. Чаще всего люди помещают свой код в http://jsfiddle.net, чтобы выделить проблему. Скопируйте SIMPLE пример проблемы, с которой вы сталкиваетесь, в jsfiddle и разместите ссылку. – Justin

+0

Я сделал jfiddle. http://jsfiddle.net/die20/uUudM/2/ все еще есть проблемы :( –

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