在jquery選項卡中查找span標籤並返回該索引

我正在使用jquery選項卡UI來創建我的選項卡。我在每個標籤中隱藏了具有唯一值的span標籤。我想找到具有特定標籤索引值的span標籤。在jquery選項卡中查找span標籤並返回該索引

示例::

如果有兩個選項卡tab1和tab2。在tab1中我隱藏值'1'和在標籤2值'2'。現在我想搜索所有標籤，找到1並返回索引號，在這種情況下，它將爲0.然後，它將打開索引爲'0'的選項卡。

我可以使用jquery包含搜索thorugh列表的功能，但我只是想知道如何在找到匹配項時返回標籤的特定索引。

任何幫助將不勝感激。

感謝

來源

2012-08-14 ravi patel

你需要發佈一些你試過的代碼！ – 2012-08-14 02:33:20

但基本上可以使用$.each()方法（jQuery .each() API)。在函數參數，i代表的指標，它可以遍歷。

$('[id^="tab"]').each(function (i, el) { 
    $(this).append(' -- Index: ' + i); 
});

jsFiddle DEMO

來源

2012-08-14 02:37:45

$('[id^="tab"]').click(function(){ 

alert($(this).find('span').text()); 

}); 



$('[id^="tab"]').each(function (i, el) { 

     var span_val = $(this).find('span').text(); 

     if(span_val==1) 
     { 
      $('[id^="tab"]').eq(span_val).trigger('click'); 
     } 

});

來源

2012-08-14 02:58:52

如果每個選項卡只有一個跨度，可以找到ind當然這樣的（不是最近的路，但應該工作）：

var tabMenu = $('#yourTabMenuId'); 
var allTabMenuSpans = tabMenu.find('span'); 
var spanMatch = allTabMenuSpans.filter(":contains('1')"); 
var desiredIndex = allTabMenuSpans.index(spanMatch); 
alert('your index is: ' + desiredIndex);

或者你可以查找的jQuery index() method和實現它自己的方式。

來源

2012-08-14 05:37:25

在jquery選項卡中查找span標籤並返回該索引

回答

相關問題