contentHolder

Obtains the DOM element that holds tab content by its tab index in the TabStrip. The difference between contentElement and contentHolder is that contentHolder returns the DOM element that really holds the content, which on mobile is the scroll container.

Important: To remove the tab contents safely, use this method to get the element to empty.

Obtain the content holder representing the first tab in a TabStrip

<div id="tabstrip">
    <ul>
        <li>Tab 1</li>
        <li>Tab 2</li>
    </ul>
    <div>Content 1</div>
    <div>Content 2</div>
</div>

<script>
    var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log(tabStrip.contentHolder(0));
</script>

Parameters

itemIndex Number

The index of the tab in the TabStrip.

Returns

Element The DOM element holding tab content by its tab index in the TabStrip.

In this article