1

我有这样的功能：

$(document).ready(function () {
    listproject() ;
});

listproject()是一个函数，返回我已附加到文档的无序列表字符串。直到这里一切都好。我的 HTML 视图中有正确的列表。

就在listproject()我添加了一个代码行来显示我的第一个<li>值之后，但我的结果是未定义的。

$(document).ready(function () {
    listproject() ;
    alert($('li:first').val());
});

如果我登录到我的 JavaScript 控制台并选择监视表达式，则我的 jQuery 对象$('li:first')存在。

这是我根据您的请求在列表项目中的返回字符串 

<ul><li id="205">205<ul><li id="206">206<ul><li id="208">208</li><li id="209">209</li><li id="211">211<ul><li id="212">212</li><li id="213">213</li></ul></li></ul></li><li id="207">207<ul><li id="210">210</li></ul></li></ul></li></ul>

我将此返回附加到我的 html 代码中的现有 div 中，这就是我的 listproject() 函数所做的事情，结果还可以。

编辑：

在您提出请求之后，我的函数 listproject() 跟随 makeTree 函数返回 listproject() 的无序列表字符串：

function listproject() {
   $.post("/portail/project/home/getProjectList",
        function (d) {

            var pl = $("#tree").empty();

            if (d.length == 0) {

                pl.append($("<div>").addClass("align_center").html("there is no project"));
                return;
            }
           pl.append(makeTree(d,0));

      },
        "json"
    );


}

 function makeTree( a,level) {
            r = '' ;
            for ( i in a ) {
            if (a[i]['parentid'] == level ) {
            r = r + '<li id='+'"'+a[i]['id']+'"'+'>'+ a[i]['name'] + makeTree(a,a[i]['id'] ) + '</li>';
            }
           }
           if (r==''){r=''; }  

           else { r= '<ul>' + r + '</ul>' ;}

           return r;
            }

现在你已经具备了响应和重新思考的所有要素。

4

4 回答 4

1

Ali没有val()- 该方法用于获取字段的值（例如 aninput或 a select）

你可能想要.html()

alert($('li:first').html());
于 2013-08-14T12:29:40.820 回答
1

我怀疑这$('li:first')部分是有效的，但.val()不是。他们应该在表单项上工作，例如复选框和选择。请参阅.val()文档。

尝试$('li:first').text()或$('li:first').html()

编辑：您仍然收到未定义错误的原因是您的列表元素附加在 AJAX 请求中。顾名思义，这是异步完成的，在您的 POST 完成之前调用警报。

因此，您需要一种方法来确保在 post call 完成后调用警报。基本方法是作为您传入的匿名函数的一部分：

function listproject() {
  $.post("/portail/project/home/getProjectList",
    function (d) { 
      /* [your existing code here] */

      // That's all done, so now I can query it...
      alert($('li:first').text());
    }
  });
}

或者使用延迟（更好）：

function listproject() {
  $.post("/portail/project/home/getProjectList",
    function (d) { 
      /* [your existing code here] */
    }
  }).done(function() {
      // That's all done, so now I can query it...
      alert($('li:first').text());
  });
}

这里的另一个调整是你可以让 listproject 返回 deferred 并且可以在该函数之外使用：

function listproject() {
  var deferred = $.post("/portail/project/home/getProjectList",
    function (d) { 
      /* [your existing code here] */
    }
  });
  return deferred;
}
var deferred = listproject();
deferred.done(function() {
   // That's all done, so now I can query it...
   alert($('li:first').text());
});
于 2013-08-14T12:29:49.627 回答
1

li元素没有价值。改为获取他们的内容使用.html()方法。

于 2013-08-14T12:29:55.020 回答
1

val 返回表单元素的值，因此只有像 input select textarea 这样的元素才会返回带有该函数的内容，以防 li 您需要使用 text 或 html

alert($('li:first').text());

或者

alert($('li:first').html());
于 2013-08-14T12:30:41.287 回答