<div>
<div class="content wysiwyg-content">
I am using the Kendo UI Splitter here<br />
<br />
<a href="http://demos.telerik.com/kendo-ui/splitter/api" rel="ugc">http://demos.telerik.com/kendo-ui/splitter/api</a><br />
<br />
you can see in the demo that remove pane will remove a pane based upon an index in the UI.<br />
<br />
splitter.remove(splitter.e<wbr />lement.chi<wbr />ldren(&quot;.k-<wbr />pane&quot;).eq(<wbr />$(&quot;#index&quot;<wbr />).val()));<wbr /><br />
<br />
however I would like to have a button in each pane that could do the same thing. &nbsp;However when it was clicked I would need to somehow get the index of the this.pane so to speak or find someway to identify dynamically the pane I wanted to delete.
</div>
</div>


I am using the Kendo UI Splitter here

http://demos.telerik.com/kendo-ui/splitter/api

you can see in the demo that remove pane will remove a pane based upon an index in the UI.

splitter.remove(splitter.element.children(".k-pane").eq($("#index").val()));

however I would like to have a button in each pane that could do the same thing.  However when it was clicked I would need to somehow get the index of the this.pane so to speak or find someway to identify dynamically the pane I wanted to delete.

Kendo UI Splitter

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.