Как разобрать HTML с jQuery mobile

Question

Я новичок в кодировании, и я пытаюсь выяснить, что является лучшим способом анализа HTML-кода для использования в jQuery mobile. Например, я хочу разобрать консультативный раздел по этой ссылке (http://www.wmata.com/rider_tools/metro_service_status/advisories.cfm?AID=4503), однако я не уверен, что это лучший способ. Я посмотрел на JSOUP, но я не уверен, что это будет работать для мобильного приложения jquery. Затем я увидел эту ссылку (http://jsfiddle.net/skelly/m4QCt/) и подумал, что это можно сделать с помощью AJAX. Однако, похоже, он не работает. Может ли кто-нибудь указать мне в правильном направлении? Заранее спасибо.

$(document).ready(function() { 

    baseUrl = "http://www.mashable.com"; 
    $.ajax({ 
     url: baseUrl, 
     type: "get", 
     dataType: "", 
     success: function(data) { 
      //code 
     } 
    }); 
}); 

Answer 1

Вы можете использовать этот плагин:

http://www.ajax-cross-origin.com/

Это помогает кросс происхождения Ajax вызовов.

Тогда сценарий становится чем-то вроде этого:

var baseUrl = "http://www.wmata.com/rider_tools/metro_service_status/advisories.cfm?AID=4503"; 
$.ajax({ 
    crossOrigin: true, 
    url: baseUrl, 
    success: function(data) { 
     console.log($(data)); 
     var $advisory = $(data).find(".internal-box2-inner"); 
     $advisory.find("a").remove(); 
     $advisory.find("script").remove(); 
     $('#theResults').html($advisory); 
    } 
}); 

.internal-box2-inner является классом DIV, который имеет фактический консультационный текст.

Вот рабочая DEMO