New to Kendo UI for jQuery? Start a free 30-day trial

ContentHolder

methods

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.

contentHolder

Parameters:itemIndexNumber

The index of the tab in the TabStrip.

Returns:Element

The DOM element holding tab content by its tab index in the 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>