Попытка вычистить список элементов из Википедии, используя jQuery / javascript

Question

Поэтому я пытаюсь получить следующий список музыкальных жанров со страницы, подобной этой:

http://en.wikipedia.org/wiki/List_of_styles_of_music:_A-F

Из того, что я могу сказать, используя Chrome для проверки элементов, мне нужно получить доступ к элементам заголовка <ul> elements '<li> elements'. Затем мне нужен доступ к этим переменным, чтобы я мог ввести их в базу данных (но эту часть я могу сделать).

Так как мне получить все элементы ul -> li -> title? Я даже не уверен, как подключиться к этой веб-странице wikipedia.org, чтобы начать чистку. Я относительно новичок в jQuery, но до сих пор наслаждаюсь его потрясающей мощью!

Спасибо, ребята.

Answer 1

$.ajax({
  url: "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fen.wikipedia.org%2Fwiki%2FList_of_styles_of_music%3A_A-F%22%20and%0A%20%20%20%20%20%20xpath%3D'%2F%2Fdiv%5B%40id%3D%22bodyContent%22%5D%2Ful%2Fli%2Fa'&format=json&diagnostics=true",
  success: function(e){
      $.each(e.query.results.a,function(i,c){
          $('ul').append($('<li />').text(c.title));
      });

  }
});

Пример: http://jsfiddle.net/niklasvh/DW2p3/

Answer 2

Вы можете использовать XPath для помощи:

var snapshot = document.evaluate('//ul/li/a[1]/@title', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);

Это создает снимок всех узлов в документе, который соответствует запросу XPath. Вышеупомянутый XPath запрашивает атрибут title первого элемента ссылки, который является дочерним для <li>, который является дочерним для <ul>.

После получения снимка вы можете выполнить итерацию по нему и получить имена:

for (var i = 0; i < snapshot.snapshotLength; i ++) console.log(snapshot.snapshotItem(i).nodeValue);

(код выше можно запустить в консоли веб-инспектора chrome.)

---

Вы также можете сделать то же самое в PHP, просто загрузите документ в DOMDocument:

$doc = new DOMDocument;
$doc->loadHTML(file_get_contents('http://en.wikipedia.org/wiki/List_of_styles_of_music:_A-F'));

И использовать XPath для запроса:

$xp = new DOMXPath($doc);
foreach ($xp->query('//ul/li/a[1]/@title') as $node) {
    echo "$node->nodeValue\n";
}