Is there a way I can get the href for a given tab index number?
<div id="tabs" class="ui-tabs" style="position: relative; top: 20px;
left: 1px;">
<ul>
<li><a href="#tab-Main">Main</a><span class="ui-icon
ui-icon-close">Remove Tab</span></li>
<li><a href="#tab-Graphs">Graphs</a><span class="ui-icon
ui-icon-close">Remove Tab</span></li>
<li><a href="#tab-Table">Table</a><span class="ui-icon
ui-icon-close">Remove Tab</span></li>
</ul>
</div>
<script type="text/javascript">
$('#tabs span.ui-icon-close').live('click', function() {
var index = $('li',$tabs).index($(this).parent());
var tabName = ????????? <-- This is what I need
$('#msgbox_br').jGrowl('Deleted tab ' + tabName);
$(tabName).css("display","none");
$('a[href^=' + tabName + ']').parent().remove();
});
});
<script>
--
______________________________________________________________
Clayton Dukes
______________________________________________________________
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
