добавить href-ссылку на элементы <li> с помощью jQuery

0

Я очень новичок в jQuery, и я ищу способ сделать следующее:

У меня есть список предметов:

  $.get('../getContent', function(responseJson) { 
      var $ul = $('<ul>').appendTo($('#content'));  
      $.each(responseJson, function(index, item) { 
        $('<li>')
            .text(item)
            .appendTo($ul);
      });
  });

Я хочу сделать каждый элемент списка кликабельным и по клику я хочу отправить его в сервлет.

Может ли кто-нибудь сказать мне, как это сделать? Благодаря :)

Теги:

2 ответа

2
Лучший ответ
$('<li>')
        .text(item)
        .click(function() {
            $.post(url, {text: item});
        })
        .appendTo($ul);

Где url - это URL вашего сервлета, и предположим, что вы отправляете ему text переменную.

  • 0
    офигенно спасибо Знаете ли вы, как я могу использовать форматирование для ссылок, которые я также указал в моем CSS?
  • 1
    Конечно: $('<li class="YOUR_CSS_CLASS_HERE">')
0

Просто добавьте к нему обработчик кликов

$.get('../getContent', function(responseJson) { 
      var $ul = $('<ul>').appendTo($('#content'));  
      $.each(responseJson, function(index, item) { 
        $('<li>')
            .text(item)
            .appendTo($ul)
            .click(function(){
                /* replace alert with servlet code*/
                  alert( $(this).text() );
            });
      });
  });

Ещё вопросы

Сообщество Overcoder
Наверх
Меню