0

編集:申し訳ありませんが、質問を言い換えました

JQueryは初めてで、サポートが必要です

すべてのli要素を繰り返し、いずれかのliの内側のspan要素を削除したいと思います。

liは動的に構築され、IDセレクターを信頼できないため、スパンがどこにあるかわかりません

    <ol id="selectable" class="ui-selectable">
        <li id="1_1_1" class="ui-widget-content ui-selectee">1.1.1</li>
        <li id="1_1_2" class="ui-widget-content ui-selectee">1.1.2</li>
        <li id="1_1_3" class="ui-widget-content ui-selectee ui-selected">1.1.3<span class="ui-icon ui-icon-check"
            style="float: right; margin: 2px 7px 0 0;"></span></li>
        <li id="1_1_4" class="ui-widget-content ui-selectee">1.1.4</li>
        <li id="1_1_5" class="ui-widget-content ui-selectee">1.1.5</li>
    </ol>

これはどのように行うことができますか?

4

2 に答える 2

2

jQueryは通常、内部で反復します。

$("#selectable li").toggleClass(...)

andなどの.each一部のメソッドは反復しないため、反復に使用することもできます(残念ながら、リストはわかりませんが、非常に役立ちます)。.html.text

于 2012-10-09T14:25:26.793 に答える
1

編集:スパンを削除するには、次のようにします。

$('#selectable li span').remove();

spanいずれか内のすべてのを削除することに注意してliください。ただし、例からは1つしかありません。

toggleClassaddClassremoveClassを試してみてください

$('#selectable li').addClass('foo');
$('#selectable li').removeClass('foo');
$('#selectable li').toggleClass('foo');

liこれらは、セレクターに一致するすべてのクラスを変更するためのいくつかの方法です。

于 2012-10-09T14:25:38.683 に答える