1

我正在使用 Wikipedia API 仅获取已提供关键字的文章的第一段。

我必须从 JSON 响应中提取格式化文本，但在将其显示在 id 为 wiki 的 div 中之前，抑制一些不需要的信息，如侧边栏（在表格中并具有类名信息框） -

$.getJSON("http://en.wikipedia.org/w/api.php?" +
            "action=mobileview&format=json&page=" +
            keyword + "&redirect=no&sections=0&prop=text&" +
            "sectionprop=toclevel%7Clevel%7Cline%7Cnumber" +
            "%7Cindex%7Cfromtitle%7Canchor&callback=?",
          function(json) { 
                    $('#wiki').html(json.mobileview.sections[0].text)
                              .find("dl,sup,.thumb,table.infobox,table.metadata")
                              .remove().end(); 
          }
);

我已经修改了 jQuery 技巧，以从包含请求的 Wikipedia 页面的 HTML 代码的 JSON 响应中删除标签/选择器。我想在用 HTML/JS 编写的 Windows 8 商店应用程序中使用上述代码段。我希望将以下行转换为本机 JavaScript 并在不使用 jQuery 的情况下实现选择器删除代码 -

$('#wiki').html(json.mobileview.sections[0].text)
           .find("dl,sup,.thumb,table.infobox,table.metadata")
           .remove().end();

我是一个 JavaScript 新手。任何人都可以将此行转换为普通的 JavaScript 吗？

4

1 回答 1

1 
var wiki = document.querySelector('#wiki');
wiki.innerHTML = json.mobileview.sections[0].text;

var content = wiki.querySelectorAll("dl,sup,.thumb,table.infobox,table.metadata");

for (var i = 0; i < content.length; i++) {
    if (content[i].nodeName.toUpperCase() === "A")
        content[i].parentNode.insertBefore(content[i].firstChild, content[i]);

    content[i].parentNode.removeChild(content[i]);
}

这适用于大多数浏览器，包括 IE8 和更高版本。

于 2012-11-07T17:24:46.517 回答