2013-04-29 89 views
-5

我正在嘗試使用一個classname來改變頁面上某些div的css。使用classname更改某些div的css

的問題是,隨着「content_container」這個名字的類不會成爲可見

編輯:問題是var deleted_content = $(this).closest('.deleted_content_unique_id').attr('value');它不設置出於某種原因變量。

這裏是一個jfiddle http://jsfiddle.net/die20/uUudM/16/

+6

問題是什麼? – 2013-04-29 18:11:16

+0

content_unique_id不是您的html中的類,但名稱屬性 – 2013-04-29 18:12:13

+1

看來您的CSS修改了div,而不是它們中的輸入元素。另外,我不會使用可見性,因爲它會導致很多問題。我會使用display:none/block來代替。 – rncrtr 2013-04-29 18:12:49

回答

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中的類,它是屬性。要根據您要使用的屬性來選擇div:

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

我剛剛根據您的輸入更新了jquery。仍然有問題。 – 2013-04-29 18:45:57

+0

如果您需要幫助,您需要更詳細地描述您的問題。大多數情況下,人們將他們的代碼放到http://jsfiddle.net中以突出問題。將您遇到問題的簡單示例複製到jsfiddle併發布鏈接。 – Justin 2013-04-29 18:52:19

+0

我做了一個jfiddle。 http://jsfiddle.net/die20/uUudM/2/仍有問題:( – 2013-04-29 19:59:13