Отправка данных в li в jquery, который уже имеет данные

Question

Отправка данных в li в jquery, который уже имеет данные

0

У меня проблема. Мне нужно отправить данные в li в моей ul которая уже существует с группой других li.

Вот где я делаю список:

lijst = $("<li/>") 
  .appendTo("#deals")
  .data('stadnaam', oPlaats.Stad)
  .click(function() {
    showWeather($(this).data('stadnaam'));
  });

$("<span/>")
  .text(oPlaats.Prijs)
  .addClass("price")
  .appendTo(lijst);

$("<strong/>")
  .text(oPlaats.Stad)
  .appendTo(lijst);

$("<span/>")
.text(oPlaats.Land)
.appendTo(lijst);

Если вы нажмете на него, в этой строке должно быть еще 2 div. Как я могу это сделать? Теперь я делаю это так, но он помещает дату в последнюю строку:

$("<br/>")
  .appendTo(lijst);

$("<div/>")
  .text(celsius)
  .addClass("weather")
  .appendTo(lijst);

$("<br/>")
  .appendTo(lijst);

$("<div/>")
  .text(oWeather[j].main)
  .addClass("weather")
  .appendTo(lijst);

user3011083 20 янв. 2014, в 16:18

Источник

1

Java! == JavaScript
epascarello 20 янв. 2014, в 14:45
0

@epascarello bool(true) :) только что отредактировал вопрос.
Hashem Qolami 20 янв. 2014, в 14:47

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

@epascarello bool(true) :) только что отредактировал вопрос.

taxicala · Answer 1 · 2014-01-20T12-51-00.000Z

Если вы хотите добавить новые элементы в UL, а не в LI, вы должны добавить его к родительскому элементу вашего элемента:

$("<br/>")
  .appendTo(lijst.parent());

$("<div/>")
  .text(celsius)
  .addClass("weather")
  .appendTo(lijst.parent());

$("<br/>")
  .appendTo(lijst.parent());

$("<div/>")
  .text(oWeather[j].main)
  .addClass("weather")
  .appendTo(lijst.parent());

Другой способ заключается в следующем:

$("<br/>")
  .appendTo(lijst.closest('ul'));

$("<div/>")
  .text(celsius)
  .addClass("weather")
  .appendTo(lijst.closest('ul'));

$("<br/>")
  .appendTo(lijst.closest('ul'));

$("<div/>")
  .text(oWeather[j].main)
  .addClass("weather")
  .appendTo(lijst.closest('ul'));

Но я рекомендую использовать функцию parent(). Дайте мне знать, если это решит вашу проблему.

ИЗМЕНИТЬ ПОСЛЕ КОММЕНТАРИЙ:

Вы должны добавить событие click для lijst var:

lijst.click(function() {
    var self = $(this);
    var div = $('<div />');

    self.append(div);
});

Нет, это не теперь он размещен после ул
Я не понимаю, вы хотите добавить элементы в UL? если вы хотите это в начале UL, вы можете заменить appendTo на prependTo
Нет Уль это мой список. Это называется #deals. Lijst - это каждый отдельный ли в этом ul. У каждого li есть .data (stadnaam, ...) Теперь, когда кто-то нажимает на него, мне нужно добавить еще несколько данных в этот li, как я могу найти и отредактировать этот li.
Посмотрите мои изменения в ответе, если это поможет.