Javascript 使用jquery抓取HTML和操作元素_Javascript_Jquery_Html_Ajax

Javascript 使用jquery抓取HTML和操作元素

javascript jquery html ajax

Javascript 使用jquery抓取HTML和操作元素,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我想从我的第二个站点（子域）获取html，并使用它来构建该站点的一部分 HTML站点： <head> <body> <div id = "items"> <div id = "#one"> <ul> <li><a href = "#">Click here</a></li> <li><img src = "/images.png"

我想从我的第二个站点（子域）获取html，并使用它来构建该站点的一部分

HTML站点：

<head>
<body>

<div id = "items">
  <div id = "#one">
    <ul>
       <li><a href = "#">Click here</a></li>
       <li><img src = "/images.png" /></li>
    </ul>
  </div>

  <div id = "#two">
    <ul>
       <li><a href = "#">Click here</a></li>
       <li><img src = "/images2.png" /></li>
    </ul>
  </div>
 </div>

</body>
</head>

$.ajax({ 
 url: '/mysite/items.html', 
success: function(data) { 
  //Need to manipulate here

  var html = $(data);

  var items = $.get(".items", html);
  var numItems = $('.items').length;

  console.log(data); //There is data(Whole HTML is here.)

  console.log(items); //This is undefined??
  console.log(numItems): //This is undefined??

  var raw = html.get(".offers"); //Complains doesnot have a get method??

},
});

由于同源安全策略，Javascript无法从其他域加载非Javascript文件。如果您拥有这两个站点，则可以启用

否则，您将需要一种服务器端语言来充当代理

从我可以看到您想要的操作系统

$.ajax({
    url: '/mysite/items.html',
    success: function (data) {
        //Need to manipulate here

        var $html = $(data);

        //use .find() to find elements with class items in data
        var $items = $html.find('.items');
        //use the items object to get the length
        var numItems = $items.length;

        console.log(data);

        console.log($items);
        console.log(numItems):

        //need to use .find() to get the elements matching a selector
        var raw = $htm.find(".offers");

    },
});

嗨，我正在从我的子域加载此文件。我可以很好地得到HTML文件。问题在于操纵、获取元素并将其破坏。ThanksJavascript没有解析xml/html等DOM文档的默认方法。你需要为它找一个图书馆，比如jquery@helion3他现在似乎正在使用jQuery。我明白了，他在问题中添加了jQuery代码。这很有帮助。谢谢你，阿伦