Блог

http://www.netindex.com/download/allcountries/

Я хочу загрузить div с элементом class .ranking для Германии. Я ориентируюсь на div с помощью .DE и затем попытайтесь получить пятый родительский элемент этого.

 var ger = $('<div />').load( "proxy.php?url=http://www.netindex.com/download/allcountries/amp;mode=nativeamp;callback=complete .top-20-countries .DE");
  

Пробовал:parent, .parent(), .closest() все безрезультатно.

HTML выглядит следующим образом:

 <ol class="ranking">
    <li class="ranking-item">
  <a class="ranking-link" href="/download/2,91/Hong-Kong/">
    <div class="figure">
      <b class="figure-content">84.01</b>
      <span class="figure-unit">Mbps </span>
    </div>
    <div class="ranking-content">
      <div class="ranking-heading">
        <i class="flag HK"></i>Hong Kong
      </div>
      <div class="ranking-chart country-list"><svg width="280" height="20">...</svg></div>
    </div>
  </a>
</li>
...
</ol>
  

Пятым родительским элементом <i> тега является <ol class="ranking"> элемент, поэтому используйте .ranking:has(.de) в качестве единственного селектора для перехода в .load() :

 var ger = $('<div />').load( "proxy.php?url=http://www.netindex.com/download/allcountries/amp;mode=nativeamp;callback=complete .ranking:has(.DE)");