Что нужно добавить в код, чтобы выводился span?

Question

[Nikita Ok]

В общем есть некий код на jquery выполняющий работу слайдера
Ссылка на весь код (https://github.com/nathansearles/Slides/blob/Slide...)
Есть определенная часть кода которая отвечает за вывод того что нам надо, как я понимаю

if (this.options.pagination.active) {
				i = e("<ul>", {
					"class": "slidesjs-pagination"
				}).appendTo(n);
				e.each(new Array(this.data.total), function(t) {
					var n, r;
					n = e("<li>", {
						"class": "slidesjs-pagination-item"
					}).appendTo(i);
					r = e("<a>", {
						href: "#",
						"data-slidesjs-item": t,
						html: t + 1
					}).appendTo(n);
					return r.click(function(t) {
						t.preventDefault();
						a.stop(!0);
						return a.goto(e(t.currentTarget).attr("data-slidesjs-item") * 1 + 1)
					})
				})
			}

На выходе этот кусок выводится в вот такой html код

<ul class="slidesjs-pagination">
	<li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="0" class="active">1</a></li>
	<li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="1" class="">2</a></li>
	....
</ul>

Но мне же нужно чтобы код на jquery выводил вот так

<ul class="slidesjs-pagination">
	<li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="0" class="active">1<span></span></a></li>
	<li class="slidesjs-pagination-item"><a href="#" data-slidesjs-item="1" class="">2<span></span></a></li>
	....
</ul>

То есть что бы в a появился пустой span

PS Я пытался как-то манипулировать над определенной частью кода, но с моим незнанием ECMAscript'а, либо слайдер не запускался, либо все оставалось без изменений.

Answer 1

[AltQ]

if (this.options.pagination.active) {
  i = e("<ul>", {
    "class": "slidesjs-pagination"
  }).appendTo(n);
  e.each(new Array(this.data.total), function(t) {
    var n, r;
    n = e("<li>", {
      "class": "slidesjs-pagination-item"
    }).appendTo(i);
    r = e("<a>", {
      href: "#",
      "data-slidesjs-item": t,
      html: t + 1
    }).appendTo(n);
    e("<span>").appendTo(r)
    return r.click(function(t) {
      t.preventDefault();
      a.stop(!0);
      return a.goto(e(t.currentTarget).attr("data-slidesjs-item") * 1 + 1)
    })
  })
}

Comments

[Nikita Ok]

Огромное спасибо! Все отлично работает!)

Answer 2

[IceJOKER]

Как-то так наверно, не стал изучать исходник

if (this.options.pagination.active) {
        i = e("<ul>", {
          "class": "slidesjs-pagination"
        }).appendTo(n);
        e.each(new Array(this.data.total), function(t) {
          var n, r;
          n = e("<li>", {
            "class": "slidesjs-pagination-item"
          }).appendTo(i);
          r = e("<a>", {
            href: "#",
            "data-slidesjs-item": t,
            html: t + 1
          }).appendTo(n);
          e("<span>").appendTo(r); //ДОБАВЛЕННАЯ СТРОКА
          return r.click(function(t) {
            t.preventDefault();
            a.stop(!0);
            return a.goto(e(t.currentTarget).attr("data-slidesjs-item") * 1 + 1)
          })
        })
      }

Comments

[Nikita Ok]

Почти, но не совсем(. То есть span теперь добавляется, но слегка не там, а именно не в (a), а внутри (li).
а надо так:
что бы внутри (а)
Сможешь подправить как то?

[IceJOKER]

Nikita Ok: подправили выше, могли бы и сами догадаться