StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POJQuery Tool Tip Selected Nested Div for Display Problem
primarykey
Id
4411936
data
AcceptedAnswerId
4411989
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2010-12-10T18:13:11.463
FavoriteCount
0
LastActivityDate
2010-12-10T18:36:23.093
LastEditDate
2010-12-10T18:36:23.093
LastEditorUserId
538203
OwnerUserId
538203
ParentId
0
PostTypeId
1
Score
0
ViewCount
789
LastEditorDisplayName
text
Body
<p>I have a list of information around 30-50 rows each one requiring their own unique tool tip. I know I could make these all unique IDs but that would be a lot of wasted javascript. I am trying to have jquery return the tooltip of the nested <code><DIV></code> with the class of "show_tooltip" inside any <code><DIV></code> with the class of "tool_tip". All the tool tips will be unique.</p> <pre><code><DIV class="tool_tip"> <DIV>Content here</DIV> <DIV style="display:none;" class="show_tooltip">Any tool tip information goes here with possible html</DIV> </DIV> <DIV class="tool_tip"> <DIV>Content here</DIV> <DIV style="display:none;" class="show_tooltip">Another but different tool tip to be displayed</DIV> </DIV> </code></pre> <p>I have tried the following script but it always returns the first <code><DIV></code> with a class of "show_tooltip" it finds and repeats that for every row. Here is the script I have tried:</p> <pre><code>$(".tool_tip").tooltip({ bodyHandler: function() { return $("div.tool_tip").children(".show_tooltip").html(); }, showURL: false }); </code></pre> <p>I am using the following tool tip plugin: <a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/" rel="nofollow">http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ </a></p> <p>EDIT:</p> <p>Thanks for the answer below. My resulting code that worked was:</p> <pre><code>$(".tool_tip").tooltip({ bodyHandler: function() { return $(this).find('.tooltip_content').stop().html(); }, showURL: false }); </code></pre>
Tags
<javascript><jquery><html><jquery-selectors>
Title
JQuery Tool Tip Selected Nested Div for Display Problem
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USbobcat
UserOwnerUserId
1. USbobcat
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.