1

私はこのリストを持っています

<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 を使用してこのテキストを非表示にする方法を教えてください。またはIE8で動作する場合は CSS 。

4

2 に答える 2

3

CSSのみ

隣接する兄弟セレクターの使用：

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

または属性セレクター

label[for="field_7_1"],
label[for="field_7_2"],
label[for="field_7_3"]{display:none}
于 2012-07-13T01:54:13.510 に答える
1

IDが変わらない場合は、CSSで非表示にすることができます

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

ラベルにはjqueryを使用します

$('label[for*="field_7_1"], label[for*="field_7_2"], label[for*="field_7_3"]').hide();
于 2012-07-13T01:35:21.437 に答える