javascript - jQuery 在 JSFiddle 中工作但在网站中得到一个空数组

Question

让您简要了解我正在努力实现的目标。我有一个动态生成的 HTML。我需要将该 HTML 转换为特定的 JSON 格式。我在 JSFiddle 中有代码。

[link]: http://jsfiddle.net/X3p47/2/

function walk(node, result) {
var pages = jQuery("[data-role='page']");
pages.each(function () {
    var obj = {};
    console.log("Inside");
    obj.text = $(this).attr('id');
    obj.isFolder = true;
    obj.isExpanded = true;
    obj.children = findChild(this);
    result.push(obj);
});
//This is how I am calling the walk function
var a = [];
var testVal = localStorage.getItem( 'htmlValue' );
walk($.parseHTML(testVal), a);
console.log(JSON.stringify(a));

代码工作正常，但问题是，当我在 jsp 页面(我的 jsp 页面的名称是 dataMapping.jsp)中部署 javascript(上面提到的)时，它采用的是 dataMapping 的 HTML，而不是我提供的 HTML。如果有人能给我一些意见，我将不胜感激。

您看到的部分 var pages = jQuery("[data-role='page']");基本上变成了 null，因为它获取了我页面的 html，即 dataMapping.jsp

Answer 1

尝试对您的代码进行此修改。而不是pages.each(function)尝试这个

$each.(node, function(){