StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PORemoving HTML tag from string with jQuery
primarykey
Id
1504082
data
AcceptedAnswerId
1504248
AnswerCount
2
ClosedDate
CommentCount
3
CommunityOwnedDate
CreationDate
2009-10-01T13:50:01.137
FavoriteCount
1
LastActivityDate
2010-01-22T09:44:09.473
LastEditDate
2009-10-01T14:09:27.320
LastEditorUserId
68674
OwnerUserId
68674
ParentId
0
PostTypeId
1
Score
4
ViewCount
19274
LastEditorDisplayName
text
Body
<p>I have a form with several checkboxes and labels, most of the functionality is working correctly, but I'm having trouble getting the label value for the checkbox, while stripping out a span element inside the label:</p> <pre><code><input type="checkbox" id="list-item-x" /> <label for="list-item-x"><span class="date">Oct 1</span> The checkbox label</label> </code></pre> <p>I want the <code>label</code> element, but without the <code>span.date</code>. How can I remove this? I've tried the following:</p> <pre><code>$('label').remove('span.date').text(); </code></pre> <p>That didn't work, neither did the following:</p> <pre><code>$('label').find('span.date').text(); </code></pre> <p>How can I only remove the <code>span</code> element, leaving the <code>label</code> text alone for later usage?</p> <p>Edit: Here's the whole (messy) code:</p> <pre><code>$('input.list-item-checkbox').live('click', function(){ var myself = $(this); var my_id = $(myself).attr('id').split('-', 3); my_id = parseInt(my_id[2]); var my_label = $(myself).parent().children('label').html(); var parent = $(myself).parents('.list-item'); if ($(this).is(':checked')) { $.ajax({ type: 'POST', url: CI.base_url + 'ajax/unfinished_item/', data: 'list-item=' + my_id, dataType: 'json', success: function(result){ if (result.status == 'ERROR') { alert('Could not edit item'); } else { var html_string = '<div class="list-item">' + ' <input type="checkbox" class="list-item-checkbox" id="list-item-' + my_id + '" /> ' + ' <label for="list-item-' + my_id + '">' + my_label + '</label>' + '</div>'; $(myself).parents('.list-finished').siblings('.list-items').append(html_string); $(myself).parents('.list-item-finished').remove(); // This is where I need to get the span element removed from the label } }, error: function(){ alert('No contact with server'); } }); } }); </code></pre>
Tags
<jquery>
Title
Removing HTML tag from string with jQuery
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USRonny-André Bendiksen
UserOwnerUserId
1. USRonny-André Bendiksen
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
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PORemoving HTML tag from string with jQuery
  UserUserId
  USPicflight
  VoteTypeVoteTypeId
  VTFavorite
2. VO
  singulars
  PostPostId
  PORemoving HTML tag from string with jQuery
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  PORemoving HTML tag from string with jQuery
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

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.