select

Get/set the selected tab. If called without arguments, it returns the currently selected tab.

Example

<div id="tabstrip">
  <ul>
    <li>Tab 1</li>
    <li>Tab 2</li>
  </ul>
  <div>
    <button class='k-button'>Select second tab</button>
  </div>
  <div>Content 2</div>
</div>

<script>
  var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");

  tabStrip.select("li:first");  // Select by jQuery selector
  $("#tabstrip").on("click", ".k-button", function() {
      tabStrip.select(1);   // Select by index
  })
</script>

Parameters

element String|Element|jQuery|Number

The target tab(s), specified as a selector, jQuery object or index in the tab group.

Returns

jQuery the selected tab if called without arguments. kendo.ui.TabStrip if called with arguments.

In this article
Not finding the help you need?