使用jQuery瀏覽區域中的所有鏈接？

我有一個CSS矩形，它們是鏈接。使用jQuery瀏覽區域中的所有鏈接？

+-----------------------+ 
| <a href="test">  | 
|  <a href="toto"> |  
|<a href="link3">  | 
+-----------------------+

我想瀏覽此矩形中的所有標籤並獲取其所有href屬性。

如何才能瀏覽矩形中的所有元素？

矩形和標籤有絕對位置（標籤沒有從矩形類繼承），所以我認爲我們必須瀏覽座標？任何想法？

感謝

來源

2011-02-28 Unitech

好了，所以我提出一個可能的解決方案：

獲取矩形
的位置獲取文件

 

spe_rect.find('.my-icon').mousedown(function(e){ 
      var x_min = spe_rect.offset().left; 
      var x_max = spe_rect.offset().left + spe_rect.width(); 
      var y_min = spe_rect.offset().top; 
      var y_max = spe_rect.offset().top + spe_rect.height(); 
      console.log('X Min : ' + x_min + ' ' + 'X Max : ' + x_max); 
      console.log('Y Min : ' + y_min + ' ' + 'Y Max : ' + y_max); 

      $('#doc a.icon').each(function(i, element){ 
       if ($(element).offset().left > x_min && 
        $(element).offset().left < x_max && 
        $(element).offset().top > y_min && 
        $(element).offset().top < y_max){ 
        console.log($(element).attr('href')); 
       } 
      }); 
     });

來源

2011-02-28 20:38:05 Unitech

雖然這可能會奏效，但它會很慢並且很痛苦，如果頁面是以一種理智的方式構建的，您實際上不應該這樣做。 –

我認爲我不能用其他方式去做......這並不是很慢，而整個頁面中最多有20個元素（標籤），而功能並不經常使用。 – Unitech

假設你長方形的類，你會怎麼做。

$('.rectangleClass a').each(function(i, element) { 
    console.log(element.href); 
});

來源

2011-02-28 20:06:40

感謝的所有圖標，但是要將矩形絕對位置（也是標籤），所以鏈接不會從矩形類繼承。你有沒有其他的方式來做到這一點？謝謝 – Unitech

所以根據DOM，''標籤不是矩形的子項？那是你在說什麼？如果這樣做是非常糟糕的設計，因爲它使這樣的事情非常非常困難。 –

使用jQuery瀏覽區域中的所有鏈接？

回答

相關問題