針對單個鍵向上函數調用多個選項卡

我想構建一個DRY JQuery調用，允許我在一個表單結構中定位幾個選項卡。針對單個鍵向上函數調用多個選項卡

JQuery的：

$(".subTabAction").keyup(function (event) { 
    if (event.keyCode == 13) { 
     $("#uniqueIdHere").click(); 
    } 
});

HTML：

`<span> 
<span class="sr-only" id="anchor" tabindex="0">Main Content</span> 
         <span id="UniqueId1" tabindex="0" class="subTabAction">Details</span> 
         <span id="UniqueId2" tabindex="0" class="subTabAction">Duration</span>  
         <span id="UniqueId3" tabindex="0" class="subTabAction"></span> 
         @if (Model.blah.Count > 1) 
         { 
          <span id="blah" tabindex="0" class="subTabAction"></span> 
         } 
         @*<span class="sr-only" id="anchor" tabindex="0">Main Content</span>*@ 
        </span>`

的選項卡每個人都有唯一的ID，並觸發一個Ajax調用，問題是，我只能針對一個這樣。我希望能夠分別定位每一個，以便只能通過鍵盤訪問它們。

來源

2016-12-01 Joshua

可以選項卡具有相同的類嗎？如果是這樣，目標類而不是ID – ochi

@ochi你好，我試過這種方法，問題是，當我這樣做時，它一次調用所有的選項卡，而不是每個被稱爲個人 – Joshua

你可以顯示我們你的HTML？（不是全部，只是一個[mcve]） – ochi

$(".subTabAction")是多個選項卡的集合，因爲該類名稱中包含更多元素。 $(this)會給你你定位的標籤。

$(".subTabAction").keyup(function (event) { 
    if (event.keyCode == 13) { 
     $(this).click(); 
    } 
});

來源

2016-12-01 22:32:01

針對單個鍵向上函數調用多個選項卡

回答

相關問題