jquery - 使用类名更改某些 div 的 css

Question

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

问题是名称为“content_container”的类将不可见

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

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

Answer 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>

查询：

$("#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[]']")