使用classname更改某些div的css

时间:2013-04-29 18:09:40

标签: jquery

我正在尝试使用类名更改页面上某些div的css。

问题是名称为“content_container”的类将不会显示

编辑:问题在于var deleted_content = $(this).closest('.deleted_content_unique_id').attr('value');由于某种原因,它没有设置变量。

这是一个jfiddle http://jsfiddle.net/die20/uUudM/16/

1 个答案:

答案 0 :(得分: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();
        }
    });
});

示例:http://jsfiddle.net/sEpkU/

另请注意,您引用的是.content_unique_id的类名,但这不是HTML中的类,而是属性。要根据您使用的属性选择div:

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