Jquery 如何访问选项卡内部的锚点

我们有一个无序的列表，在点击事件中，我们需要访问选项卡内部的特定锚。选项卡内部有7-8个锚固件

var $tabs = $('#tabbed-content').tabs(); // first tab selected

$('.a-credit').click(function() { // bind click event to link
$tabs.tabs('select', 1); // switch to 2nd tab
return false;
});



  <div id="tabbed-content">
            <ul>
              <li><a href="#deadlines">Payment Deadlines</a></li>
              <li><a href="#methods">Payment Methods</a></li>
              <li><a href="#installments">Pay In Installments</a></li>
            </ul>


<div id="methods">
  <p><a name="1"></a>Content 1</p>
   <p><a name="2"></a>Content 2</p>
   <p><a name="3"></a>Content 3</p>
  </div>

如果您单击无序列表链接，它将激活选项卡2并滚动到a名称。可能吗

$(a).click(function(){
    var anchor = $(this).attr("href");
})

您可以使用$this引用$a-credit单击函数中当前单击的内容。您可以使用类似$this.attrref；以获取当前参考目标

更新后编辑问题：使用此选项可滚动到单击事件中的元素

$('html, body').animate({
    scrollTop: $($(this).attr('href')).offset().top
}, 2000);

---

问题是我们希望打开所选的选项卡，然后滚动到锚文本。谢谢。我刚刚使用：$'a.ui-link'。单击函数{//bind click event链接$tabs.tabs'select'，1；//切换到第三个选项卡var anchor=$this.attrref；document.getElementByIdanchor.scrollIntoViewtrue；返回false；}@多谢！你的代码比我的好得多。我会用你的