StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POProblems with JQuery selectors and "is"
primarykey
Id
888853
data
AcceptedAnswerId
888909
AnswerCount
4
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2009-05-20T16:08:41.830
FavoriteCount
0
LastActivityDate
2011-03-28T20:49:32.180
LastEditDate
2011-03-28T20:49:32.180
LastEditorUserId
52626
OwnerUserId
109667
ParentId
0
PostTypeId
1
Score
2
ViewCount
292
LastEditorDisplayName
text
Body
<p>I'm having difficulty understanding why a particular selector isn't working for me. Admittedly I'm a bit of a JQuery newbie.</p> <p>This correctly selects the <b>first</b> div.editbox on the page and colors it yellow:</p> <pre><code>$('div.editbox:first').css("background-color","yellow"); </code></pre> <p>However, this <code>if ... is</code> construct makes the highlighted border appear for <b>each</b> box as it is moused-over.</p> <pre><code>$('div.editbox').bind('mouseover', function(e) { if ($(this).is('div.editbox:first')) {$(this).css("border", "1px solid red");} }); </code></pre> <p>I have tried variations such as '.editbox :first', '.editbox div:first', etc. </p> <p>Essentially, I want to be able to reliably test whether this is the first or last element of with the class name. </p> <p>Thanks!</p> <p>Edit: here's the HTML I'm using:</p> <pre><code><body> <div class="container"> <p></p> <div class="editbox" id="box1">Foo</div> <div class="editbox" id="box2">Bar</div> <div class="editbox" id="box3">Baz</div> <div class="responsebox" id="rbox"></div> </div> </body> </code></pre> <p>This is just a proof-of-concept page; the actual page will of course be much more complex. Again: what I want is to reliably detect if I am in the first or last "div.editbox". A workaround I used is:</p> <pre><code>$('div.editbox:last').addClass("lasteditbox"); </code></pre> <p>Then test for <code>if ($(this).is(".lasteditbox"))</code> which works, but it seems clumsy and I'm trying to learn the proper way to do this with JQuery.</p>
Tags
<javascript><jquery><jquery-selectors>
Title
Problems with JQuery selectors and "is"
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USWim Coenen
UserOwnerUserId
1. USSylvanK
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
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POProblems with JQuery selectors and "is"
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. COso you want the mouseover event only binded to the first?
  singulars
  PostPostId
  POProblems with JQuery selectors and "is"
  UserUserId
  USTStamper

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.