1

一連の順序付けされていないリストが別の順序付けされていないリストにラップされています。タスクは、個々のliタグをコンマで区切り、各リストの最後のliタグを省略することです。

個々のリストレベルでそれを行うことができます。つまり、1つのリストだけでテストすると、最後の要素から最後のコンマを削除できました。しかし、JavaScriptを適用しようとすると、ラッピングulの最後のli要素に影響します...

これが私のコードです：

<script type="text/javascript">
            $(document).ready(function () {

                $('.tagsList li span').each(function () {
                    $(this).append(',');
                });
                var lTag = $('.tagsList li:last span').text().replace(',','');
                $('.tagsList li:last span').text(lTag);
            });

</script>
<ul class="postsList">
    <li>
        <ul class="tagsList">
            <li><span>tag1</span></li>
            <li><span>tag2</span></li>
        </ul>
        </li>
<li>
    <ul class="tagsList">
        <li><span>tag1</span></li>
        <li><span>tag2</span></li>
    </ul>
</li>
</ul>
4

1 に答える 1

2

少し変更したセレクターを使用する必要があります

$('.tagsList li:not(:last-child) span').each(function () {
    $(this).append(',');
});

これは、各リストの最後を除くspana 内のすべての要素を直接ターゲットにします。lili

デモ http://jsfiddle.net/gaby/wwTjH/2/

于 2011-05-09T07:57:52.783 に答える