ドロップダウンがあります。特定のオプションを選択すると、特定のクラスを持つリストからアイテムが削除されます。ただし、私の削除コマンド:$('#coll-grouped-list li')。hasClass('timeGroup')。remove(); 動作しないようです。何か案は?
HTML
<select id="tGroup" name="tGroup" class="standard_select" style="width:200px;">
<option value="">Please Select</option>
<option value="hourGroup">Group by Hour</option>
<option value="dayGroup">Group by Day</option>
<option value="weekGroup">Group by Week</option>
<option value="monthGroup">Group by Month</option>
<option value="yearGroup">Group by Year</option>
</select>
<ul id="coll-selected-list" class="droptrue sort-drop">
</ul>
<ul id="coll-grouped-list" class="droptrue agg-drop">
</ul>
JS
$('#tGroup').bind('change', function (e) {
if( $('#tGroup').val() == 'hourGroup') {
$('#coll-grouped-list li').hasClass('timeGroup').remove();
$("#coll-grouped-list").append('<li class="timeGroup">Hour</li>');
}
if( $('#tGroup').val() == 'dayGroup') {
$('#coll-grouped-list li').hasClass('timeGroup').remove();
$("#coll-grouped-list").append('<li class="timeGroup">Day</li>');
}
});