StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POReplace URL value with Jquery
primarykey
Id
19275926
data
AcceptedAnswerId
19276258
AnswerCount
4
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-10-09T15:12:24.843
FavoriteCount
0
LastActivityDate
2013-10-09T21:30:42.200
LastEditDate
2013-10-09T16:30:26.920
LastEditorUserId
930333
OwnerUserId
930333
ParentId
0
PostTypeId
1
Score
1
ViewCount
3142
LastEditorDisplayName
text
Body
<p>I have the following HTML</p> <pre><code><div class='tile'> <a href='http://test-site.local' > <div class='tileContents'> <div class='tileImage'> <i class='icon-'></i> </div> <div class='tileCaption'> <h4>Logos</h4> <p></p> </div> </div> </a> </div> <div class='tile'> <a href='http://test-site.local' > <div class='tileContents'> <div class='tileImage'> <i class='icon-'></i> </div> <div class='tileCaption'> <h4>Adverts</h4> <p></p> </div> </div> </a> </div> </code></pre> <p>I would like to update the <code>href</code> property to any URL I wish using the values of the <code>h4</code> tags as a way to target and differentiate the two DIVs as these have the same class name.</p> <p>So for example I would like to update the URL in the a tag of the first div to:</p> <pre><code><a href="http://www.google.com"> so if the value of the h4 tag = "Logos" then update the URL to "http://www.google.com" </code></pre> <p>And the same for the second DIV:</p> <pre><code><a href="http://www.yahoo.com"> so if the value of the h4 tag = "Adverts" then update the URL to "http://www.yahoo.com" </code></pre> <p>I have the following but I don't think I am getting the selectors correctly:</p> <pre><code><script src="/script/jquery-1.10.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ var value = $('div.tile h4').html(); if (value = "Logos"); $("DIV.tile a").attr("href", "http://www.google.com"); if (value = "Adverts"); $("DIV.tile a").attr("href", "http://www.yahoo.com"); }); </script> </code></pre> <p>Any help with this would be appreciated..</p>
Tags
<javascript><jquery><html>
Title
Replace URL value with Jquery
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USDev P
UserOwnerUserId
1. USDev P
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
  POReplace URL value with Jquery
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
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.