隱藏n階使用jQuery

文字我有這個名單隱藏n階使用jQuery

<li id="field_7_div" class="field_block"> 
<div class="col_label"> 
<label class="form_field">How satisfied are you with <span class="aggregator_name">your aggregator</span>?</label> 
<label class="form_required">*</label> 
</div> 
<div class="col_field"> 
<div class="radio" id="uniform-field_7_0"><span> 
<input type="radio" class="form_radio" value="Very Satisfied" id="field_7_0" name="field_7" style="opacity: 0;"> 
</span></div> 
<label for="field_7_0" class="form_choice_text">Very Satisfied</label> 
<br> 
<div class="radio" id="uniform-field_7_1"><span> 
<input type="radio" class="form_radio" value="Satisfied" id="field_7_1" name="field_7" style="opacity: 0;"> 
</span></div> 
<label for="field_7_1" class="form_choice_text">Satisfied</label> 
<br> 
<div class="radio" id="uniform-field_7_2"><span> 
<input type="radio" class="form_radio" value="Neutral" id="field_7_2" name="field_7" style="opacity: 0;"> 
</span></div> 
<label for="field_7_2" class="form_choice_text">Neutral</label> 
<br> 
<div class="radio" id="uniform-field_7_3"><span> 
<input type="radio" class="form_radio" value="Unsatisfied" id="field_7_3" name="field_7" style="opacity: 0;"> 
</span></div> 
<label for="field_7_3" class="form_choice_text">Unsatisfied</label> 
<br> 
<div class="radio" id="uniform-field_7_4"><span class="checked"> 
<input type="radio" class="form_radio" value="Very Unsatisfied" id="field_7_4" name="field_7" style="opacity: 0;"> 
</span></div> 
<label for="field_7_4" class="form_choice_text">Very Unsatisfied</label> 
<br> 
<input type="hidden" value="5" name="field_7_length"> 
<div class="instruction" id="field_7_tip"></div> 
</div> 
</li>

我想隱藏文本「滿意，一般，不滿意」和剛剛離開「非常滿意和非常不滿意」。你能告訴我如何使用JQuery來隱藏這段文字嗎？或CSS，如果它在IE8。

來源

2012-07-13 user1074803

這不是Java相關的，但使用Javascript – 2012-07-13 01:35:14

你總是可以使用[：第n個孩子（https://developer.mozilla.org/en/CSS/:nth-child）。 – 2012-07-13 02:33:28

如果IDS永遠不會改變，你可以只用CSS隱藏

#uniform-field_7_1, #uniform-field_7_2, 
#uniform-field_7_3 { display: none !important; }

和標籤使用使用adjacent sibling selectors一個jQuery

$('label[for*="field_7_1"], label[for*="field_7_2"], label[for*="field_7_3"]').hide();

來源

2012-07-13 01:35:21 GTSouza

然後它會隱藏單選按鈕 – user1074803 2012-07-13 01:36:43

如果你只需要隱藏文本只需運行jQuery的答案 – GTSouza 2012-07-13 01:39:17

謝謝堆：D – user1074803 2012-07-13 01:41:49

只有CSS

：

#uniform-field_7_1 + label, 
#uniform-field_7_2 + label, 
#uniform-field_7_3 + label{display:none}

或attribute-selectors

label[for="field_7_1"], 
label[for="field_7_2"], 
label[for="field_7_3"]{display:none}

來源

2012-07-13 01:54:13

隱藏n階使用jQuery

回答

相關問題