Friday, May 10, 2024
 Popular · Latest · Hot · Upcoming
128
rated 0 times [  130] [ 2]  / answers: 1 / hits: 16377  / 11 Years ago, tue, september 3, 2013, 12:00:00

I have a Twitter Bootstrap tab like this: http://jsfiddle.net/mavent/MgcDU/7100/



   <div class=my-example>

<ul id=myTab class=nav nav-tabs>
<li class=><a href=#home data-toggle=tab>Home</a></li>
<li class=><a href=#profile data-toggle=tab>Profile</a></li>
<li class=dropdown active>
<a href=# class=dropdown-toggle data-toggle=dropdown>Dropdown <b class=caret></b></a>
<ul class=dropdown-menu>
<li class=active><a href=#dropdown1 data-toggle=tab>@fat</a></li>
<li><a href=#dropdown2 data-toggle=tab>@mdo</a></li>
</ul>
</li>
</ul>

<div id=myTabContent class=tab-content>
<div class=tab-pane fade id=home>
<p>Raw denim you probably haven't heard of them jean shorts Austin.</p>
<p style=display: none>mytext1</p>
</div>
<div class=tab-pane fade id=profile>
<p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.</p>
<p style=display: none>mytext2</p>
</div>
<div class=tab-pane fade active in id=dropdown1>
<p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.</p>
<p style=display: none>mytext3</p>
</div>
<div class=tab-pane fade id=dropdown2>
<p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater.</p>
<p style=display: none>mytext4</p>
</div>
</div>

<button onclick=sendTextToServer('aaaa')
id=sendButton status=initial>
Send now
</button>

</div>


When user clicks button, I need to find the active tab and get its hidden paragraph content and pass this to button onClick code.



For example when user clicks Profile tab, button's onClick code will be like this:



sendTextToServer(mytext2);


When user selects @mdo from Dropdown tab, button's onClick code will be like this:



sendTextToServer(mytext4);

More From » jquery

 Answers
28

Try



function sendTextToServer(){
var $tab = $('#myTabContent'), $active = $tab.find('.tab-pane.active'), text = $active.find('p:hidden').text();
alert(text)
}


Demo: Fiddle


[#75929] Monday, September 2, 2013, 11 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
ericmaximilianz

Total Points: 252
Total Questions: 118
Total Answers: 87

Location: Virgin Islands (U.S.)
Member since Tue, Jul 7, 2020
4 Years ago
;