Поиск по блогу

понедельник, 29 декабря 2014 г.

Первый приемлемый вариант работы c jQuery Console+Scratchpad c CSS селекторами вместо XPath

Сначала определились со структурой селекторов html-кода (есть картинка), а потом использовали две строчки кода:
var qq ='*.tile-pin__text';
$(qq).map(function(){return $(this).text(); }).get().join("\n");

У jQuery есть отличный справочник, как и на сайте JavaScript MDN

In []:
[cars.mail.ru/catalog](https://cars.mail.ru/catalog/) получить список из ссылок
<br/>[jQuery.map()](http://api.jquery.com/map/)
<br/>[JavaScript MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
In []:
 
In [2]:
Image('C:\\Users\\kiss\\Pictures\\pythonR\\catalog.png')
Out[2]:
In []:
 
In []:
<div class="catalog-firm">
 <div class="catalog-firm__head">
 <div class="caption caption_strike">
 <div class="caption__text">Российские</div>
 </div>
 </div>
 <div class="tile-pin-list tile-pin-list_catalog">
 
 
 <a href="/catalog/lada_vaz/" class="tile-pin">
 <span class="tile-pin__box">
 <img src="//cars.imgsmail.ru/catalogue/firms/9/b/9bff39e7e56d7c8831166f7d0a287a84_60x60.png" alt="Lada (ВАЗ)" class="tile-pin__pic">
 <span class="tile-pin__text">Lada (ВАЗ)</span>
 </span>
 </a>

 <a href="/catalog/gaz/" class="tile-pin">
 <span class="tile-pin__box">
 <img src="//cars.imgsmail.ru/catalogue/firms/5/a/5a0027b072e5bc9391cc86655046c89a_60x60.png" alt="ГАЗ" class="tile-pin__pic">
 <span class="tile-pin__text">ГАЗ</span>
 </span>
 </a>

 <a href="/catalog/moskvich/" class="tile-pin">
 <span class="tile-pin__box">
 <img src="//cars.imgsmail.ru/catalogue/firms/9/e/9e2494dac5c5337ab1228f91760a1af1_60x60.png" alt="Москвич" class="tile-pin__pic">
 <span class="tile-pin__text">Москвич</span>
 </span>
 </a>

 <a href="/catalog/tagaz/" class="tile-pin">
 <span class="tile-pin__box">
 <img src="//cars.imgsmail.ru/catalogue/firms/8/7/87687daa048e381e2c762782771ec0fc_60x60.png" alt="ТагАЗ" class="tile-pin__pic">
 <span class="tile-pin__text">ТагАЗ</span>
 </span>
 </a>

 <a href="/catalog/uaz/" class="tile-pin">
 <span class="tile-pin__box">
 <img src="//cars.imgsmail.ru/catalogue/firms/5/e/5e60ef9ec6e34d355a13416d5a167245_60x60.png" alt="УАЗ" class="tile-pin__pic">
 <span class="tile-pin__text">УАЗ</span>
 </span>
 </a>

 </div>
 </div>
In [1]:
from  IPython.display import Image
Image('C:\\Users\\kiss\\Pictures\\pythonR\\scratchpad_1.png')
Out[1]:
In []:
 
In []:
var qq ='*.tile-pin__text';
$(qq).map(function(){return $(this).text(); }).get().join("\n");
In []:
[jQuery.map()](http://api.jquery.com/map/)
In []:
/*
Acura
Audi
Bentley
BMW
Cadillac
Chery
Chevrolet
Chrysler
Citroen
Daewoo
Datsun
FAW
Ferrari
Fiat
Ford
Geely
Great Wall
Honda
Hyundai
Infiniti
Jaguar
Jeep
Kia
Lada (ВАЗ)
Lamborghini
Land Rover
Lexus
Luxgen
Mazda
Mercedes-Benz
Mini
Mitsubishi
Nissan
Opel
Peugeot
Porsche
Renault
SEAT
Skoda
Smart
SsangYong
Subaru
Suzuki
Tesla
Toyota
Volkswagen
Volvo
УАЗ
Acura
Daihatsu
Datsun
Honda
Infiniti
Lexus
Mazda
Mitsubishi
Nissan
Scion
Subaru
Suzuki
Toyota
Buick
Cadillac
Chevrolet
Chrysler
Dodge
Ford
GMC
Hummer
Jeep
Lincoln
Mercury
Oldsmobile
Pontiac
Tesla
Lada (ВАЗ)
ГАЗ
Москвич
ТагАЗ
УАЗ
Audi
BMW
Mercedes-Benz
Opel
Porsche
Volkswagen
Daewoo
Hyundai
Kia
SsangYong
Alfa Romeo
Aston Martin
Bentley
Bugatti
Citroen
Ferrari
Fiat
Jaguar
Lamborghini
Lancia
Land Rover
Maserati
Maybach
Mini
Peugeot
Renault
Rolls-Royce
Rover
Saab
SEAT
Skoda
Volvo
Brilliance
BYD
Changan
Chery
DongFeng
FAW
Geely
Haima
Haval
JAC
Lifan
Luxgen
*/


Посты чуть ниже также могут вас заинтересовать

Комментариев нет:

Отправить комментарий