0

Есть к примеру такой код:

<li><a href="#1"><span></span>Lorem</a></li> 
<li><a href="#2"><span></span>Facere</a></li>
...

надо сделать вот так (то есть, добавить индекс по уменьшению):

<li><a href="#1"><span>#7</span>Lorem</a></li>
<li><a href="#2"><span>#6</span>Facere</a></li>
...

Как это реализовать с помощью jQuery? Каким методом?

2
  • Имхо такое лучше на сервере строить, так как сервер знает, сколько будет элементов в списке, а клиенту придется перечислять.
    – Vesper
    21 июл 2015 в 6:58
  • та да, дали задачку надо решить, поэтому ответ о сервере их не устроит:))) а элементов 7
    – invited
    21 июл 2015 в 7:01

2 ответа 2

1

Если правильно понял задачу:

<li><a class="stack" href="#1"><span></span> qwe</a></li>
<li><a class="stack" href="#2"><span></span> rwe</a></li>
<li><a class="stack" href="#3"><span></span> wer</a></li>
<li><a class="stack" href="#4"><span></span> sdf</a></li>
<li><a class="stack" href="#5"><span></span> vxv</a></li>
<li><a class="stack" href="#6"><span></span> bty</a></li>
<li><a class="stack" href="#7"><span></span> wer</a></li>

<script>
    $(document).ready(function(){
        var revers = $('a.stack').get().reverse();
        $('a.stack').each(function(i,e){
            $(e).find('span').text( $(revers[i]).attr('href') );
        });
    });
</script>

UPD1
Оптимизированный вариант:

<script>
    $(document).ready(function(){
        var $links = $('a.stack'),
            revers = $links.get().reverse()
            ;
        $links.each(function(i,e){
            $(e).find('span').text( $(revers[i]).attr('href') );
        });
    });
</script>
5
  • не совсем так:))) надо span добавить индекс
    – invited
    21 июл 2015 в 7:27
  • У Вас просто с решеткой. Надо без?
    – borodatych
    21 июл 2015 в 7:30
  • надо вот так: <li><a href="#1"><span>#7</span>Lorem</a></li> то есть что бы индекс появился в спане
    – invited
    21 июл 2015 в 7:32
  • Вы мой код выполняли?
    – borodatych
    21 июл 2015 в 7:41
  • все разобрался, спасибо огромное!!!
    – invited
    21 июл 2015 в 8:20
1

Этот запрос оптимизирован по количеству обращений к DOM:

$(function() {
    var list = $('a.stack');
    var len = list.length-1;
    list.each(function(idx,elem) {
        var text = "#" + (len-idx+1);
        //var text = $(list[len-idx]).attr('href'); // или текст достаем из href           
        $(elem).find('span').text(text);
    });
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.