使用jQuery </li>为<li>项添加href-link

Question

我是jQuery的新手，我正在寻找一种方法来执行以下操作：

我有一个项目列表：

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

我想让每个列表项都可点击，点击后我想将它的文本发送到servlet。

有人能告诉我怎么做吗？谢谢:)）

Answer 1

$('<li>')
        .text(item)
        .click(function() {
            $.post(url, {text: item});
        })
        .appendTo($ul);

其中url是您的servlet的网址，并假设您向其发布了text变量。

Answer 2

只需添加一个点击处理程序

$.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() );
            });
      });
  });