JQuery :: Select Content Of A Sibling <td>?
Oct 27, 2010
I made a table with some customer information. It holds an id (hidden for the users), a company name, a phone number, an e-mail address and so on.
Inside every table row, I've made a "delete" button that should delete the relevant row in that table (see "<td class="delete">"). What I would like to do is getting the customer id that is hidden inside the first (hidden) <td> of the table row you wish to delete. I'm quite new to jQuery and I realy can't find a sollution for it. Here's my HTML [code]...
The alerts are working fine I guess. I've got something like "[object Object]" for the first alert and "object HTMLTableCellElement]" for the second alert. The other 2 testrules don't work. Firebug gave me the error message "$(this).parent().children("td")[4].text is not a function", but for now, I realy don't know what I'm doing (wrong) in those last 2 rules. Anyone who could help me out with this newbie problem about parent, child and/or sibling elements?
View 2 Replies
ADVERTISEMENT
Dec 13, 2011
I have two divs: #div1 and #div2. what I'm trying to do is attach the second div to follow directly to the right of the first div, but I'm doing something wrong with the left property:
$('#div2').hide().insertAfter($('#div1'));
$('#div2').show().css({$('#div1').css('left', 100%)});so to recap, just trying to insert the second div directly to the right of the first one.
View 6 Replies
View Related
Mar 20, 2011
This is the table's HTML code:
Code:
<table>
<thead>
<tr>
[code]....
If I understood it correctly, I have to find the link's father element (parent()), then find the previous sibling (prev()), find its child (the other link) and finally check its text. However, this is not working...
View 4 Replies
View Related
Sep 2, 2010
Such is the structure of my HTML:
<table>
<tr>
<td id="myHeader">
<input type='checkbox'>Header
[Code]....
I am using an ASP.NET Repeater control to create N number of code patterns similar to that above. The server code leads the input controls based on DB values. I want to default the second table to be hidden if the checkbox is blank (not checked) and shown if it is checked. I also want to duplicate this behavior on the click of the checkbox.
View 2 Replies
View Related
Aug 23, 2010
I've made a function for getting a ID for each sibling in a tree. Lets look at this DOM:
<ul>
<li>Five</li> //sibling ID 1
<li>Six</li> //sibling ID 2
<li>Seven</li>//sibling ID 3
</ul>
Here is the function:
function getSiblingId(elm) {
return $(elm).siblings().size() -$(elm).nextAll().size() + 1;
}
And here is how I use it:
var id = getSiblingId($('ul li:first-child')); // id = 1
Is there a more elegant way to get the same result? The work done in the getSiblingId-function has a lot of overehead.
View 1 Replies
View Related
Apr 16, 2010
I have an unordered list element which has click events registered. What i want is to be able to find the nth relative sibling to the list item that is clicked. In prototype I can simply say $(elm).next(3) or $(elm).previous(3) for the 3rd sibling forwards or backwards from the current sibling.
In JQuery there doesn't seem to be a way of getting a sibling relative to the current one, other than the immediate next() or prev(). So if I want the third previous I have to do this inJQuery
$(elm).prev().prev().prev()
View 2 Replies
View Related
May 12, 2009
Trying to hide a table that's a sibling to the anchor to which theclick event is being called. It works, with any element but a tableas a sibling. My code/markup:
<script type="text/javascript">
$(document).ready(function(){
// show/hide details
[code]....
View 1 Replies
View Related
Jun 15, 2010
I have the following style markup:
<h2>
<span class="status">
UNDER OFFER
</span>
[Code].....
As i'm trying to add an overlay image to the hyperlink so it will appear on top of the image that is already there (css absolute and z-index).
View 5 Replies
View Related
Jun 14, 2010
Consider the following:<div id="item-1">
<a href="#">The Link</a>
<div>The contents shown on hover only</div>
</div>
I'm positioning elements absolutely. I want the child DIV to show when I hover over the link. Here is how I'm accomplishing this:
$("#item-1 a").mouseover(function() {$("#item-1 div").fadeIn('fast');})
$("#item-1 a").mouseout(function() {$("#item-1 div").fadeOut('fast');})
This works wonderfully. But I would like to make this generic so that I need 2 lines of code, not 2 times however many items I have.
View 1 Replies
View Related
Oct 5, 2009
I'm trying to set a width of a span class based on the width of the image inside of it. I've got a container that will also have a bunch of images... some of them will have captions and will be wrapped in a class "caption"... some will not be wrapped in the "caption" class. I'm trying to loop through the container... find all the "caption" classes... and then set the width of the caption class based on the width of the image inside of it. Here's what a basic image with a caption will look like:
<span class="caption fltrt">
<img src="" alt="" />
caption goes here
</span>
I'm able to look through the containing div and locate all the images and then get their width using the following:
// Find all images in the overview section
var overviewImgs = $(".overview-content").find("img");
// Get the width of each image in the overview section
[code]....
I can't figure out how to loop through and find all the instances of "caption" and then set the width of the "caption" class based on the
width of the image inside of it.I can find all the "caption" classes... and I can find all the images and get the image widths... but I'm not sure how to combine these two so I am only finding the images inside of the "caption" class and then setting the "caption" class width based on the width of the image inside of it. The images are added by a separate content developer and can be any size. Not all images will have captions... only the ones wrapped in the "caption" class.
View 2 Replies
View Related
Jan 5, 2012
I have a question about a selector.
How can I type: the next sibling of the section with id gedicht1 ?
View 1 Replies
View Related
Oct 8, 2010
I'm working with jQuery on a form where each input element is contained in an <li> element.
Some fields are read-only, identified by a class ".readonly", and I'd like to bind a jQuery function to these fields' "focus" event, to send the focus to the next input whose class is not read-only.
But, because of the containing <li> elements, I don't think .next('input') will work, since the <input> tags aren't siblings.
Is there a simple selector that will do the job without having to climb up and down the DOM via parents and children? To me that feels unsatisfactory and brittle, because should the designer decide to change the layout (lists within lists, <div>'s within <li>'s), my DOM-climbing code might break.
View 5 Replies
View Related
Aug 22, 2009
I have the following layout for my page in ASP.NET:
<div id="content">
<div id="leftnavcover" class="leftnavcover"></div>
<asp:PlaceHolder ID="ph_leftnav" runat="server">
<div class="leftnav" id="leftnav">
<asp:Repeater runat="server" ID="rptr_LeftNav">
<HeaderTemplate> .....
Which renders the following HTML:
<div id="content">
<div id="leftnavcover" class="leftnavcover"/>
<div id="leftnav" class="leftnav" style="left: 0px;">
<ul><li>
<a id="ctl00_rptr_LeftNav_ctl01_hyp_LeftNav" class="LeftNavLink" href="services-subsection-1">
Services Subsection 1</a>
<div class="leftnavmenu" style="display: block;"> .....
And I have the following JQuery script:
$(document).ready(function() {
$("a.LeftNavLink").mouseover(function() {
$(this).next("div.leftnavmenu").slideDown(500).siblings("div.leftnavmenu").slideUp("slow");
});
});
The problem is that when I bring my mouse on top of one of the .LeftNavLink's, it slides down the corresponding .leftnavmenu, but it doesn't slide the sibling divs back up when you put your mouse on top of another .LeftNavLink, which is what it is supposed to do. Anyways, I got this code from: [URL]
View 5 Replies
View Related
Oct 19, 2010
What is the selector to disable all form elements on the same 'level'? What I have is this:
Code:
<form>
<input id="element1" name = ........ />
[code]....
View 7 Replies
View Related
Aug 6, 2010
I want to toggle the next sibling of a link in a list like this,
Code:
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a>
[code]....
first of all, it seems fine - I can toggle the targeted sibling, but why after the first toggle at any parent, I have to click twice sometime to hide other siblings when I click/ toggle at the current parent? [URL]
View 15 Replies
View Related
Aug 14, 2010
I have a table which contains multiple rows. The table has an unknown number of columns.
One of the TD's in the row has an 'A' tag containing the HREF property " /_layouts/DocIdRedir.aspx? somenumber" Let's call this TDSource and ASource
A sibling TD in the same row which has a class of ms-vb-title contains2 links- the'A' tagI want to update the HREF property of is in a DIV with a class of ms-vb itx . Lets call this TDTarget and ATarget.
The highlighted components are unique per row. I need to get the HREF value from ASource in each row and update the HREF value for ATarget in the same row.
It's my first day on jQuery - I understand that I can use children() to getthe TR containing the relevant TD's, and I can see how to use :contains() to identify the specific source HREF property, but I can't understand how to link these bits of information together to do what I want.
View 5 Replies
View Related
Jan 16, 2010
I have just written some jQuery code that had to navigate to a parent sibling then 3rd child. My code was
$(this).parent().next('ul').children('li').children('span').children('input').attr('checked', 'checked');
Is there any way to optimize this I thought this would work
$(this).parent().next('ul').children('li span input').attr('checked', 'checked');
View 6 Replies
View Related
Jun 28, 2011
Let's say I have this code:
$("p").click(function(){
alert("You've clicked on a paragraph");
});
$("body").append('<p>A paragraph</p>');
But when I click on the new paragraph, the event listener for p isn't running.
View 1 Replies
View Related
Jan 25, 2011
The following function works fine. I was just wondering if there are any serious negatives to using so many parent, sibling and children type functions?
View 1 Replies
View Related
Apr 28, 2011
How can I remove the sibling of $this.parentNode?
Code:
input1[i].onclick = function()
{
var $this = this;
[Code].....
View 5 Replies
View Related
Jun 16, 2011
I've seen a variety of implementations around that enable selecting all or no checkboxes by using a checkbox to toggle that choice. However, I'm trying to find a way like this: I have two text links on my page: Select All, and Select None. How can I get those links to call a jquery function to select all or select no checkboxes in my form? As a little food for thought:
<head>
$(function() {
//function for selecting all or none...is there a way to make a single function that passes in a parameter to differentiate between selecting all or selecting none, or do I need a separate function for both?[code]....
View 2 Replies
View Related
Feb 24, 2010
I am pretty sure this is a javascript function. I want it where when a person chooses an option in a select box, it displays content. Here is the page it'd be on. [URL]. Once they select something, in the black area in the middle bottom, it'd show a description of that class. How would I do something like this?
View 5 Replies
View Related
Oct 4, 2011
I have a text box with add button.
When the add button is clicked i want it to add the contents of the text box as a new line in the select field.
I also want a button that would allow me to remove the selected item in the select field.
is this possible?
View 1 Replies
View Related
Jan 21, 2009
check to see if my AJAX select boxes are working for you. The website is: [URL] and there are dropdown select boxes on the right hand side of the travel photo section and also the travel video section.
I've tested these in the following browsers:
Mac: Safari 3.2.1, Firefox 3.0.5
Windows: Firefox 2, Firefox 3.0.5, IE6, IE 7
These boxes work fine for me in all the browsers listed above, yet a friend using Windows can't get the drop downs working on either Firefox 3 or on IE 6.
View 3 Replies
View Related
Jul 5, 2009
My application uses multiple lists in dynamic tables the contents of which change to reflext a user's context. I tried applying your tutorial code for assigning arrays to option values and text using the suggested pipe character "|" delimiter if one was used, but strangely in FireFox .search() to test for the presence of the pipe character returned 0 whether it was there or not! Using another character such as "#" worked fine. Also using DOM methods the text component had to be added by appending a TextNode otherwise the list simply displayed a list of 'undefined' items.My resulting function just unwraps an array of list items into an option group which is then appended to the select element at the calling end:[code]
View 1 Replies
View Related
Dec 20, 2010
1) Script Title: Ajax Tabs Content Script (v 2.2) and Featured Content Slider Using jQuery UI
2) Script URL (on DD): [URL]
3) Script URL of Featured Content Slider Using jQuery UI [URL]
4) Script URL of my implementation of both script. [URL]
5) Problem: I've integrated the featured content slider in one of the default content section of the tab menu as you can see on the link on point 4. The slider is working perfectly when until i click on other tab menu and then back tab menu 1. The slider seize to work no more and worst the other featured content slides are appearing below the first one.
View 6 Replies
View Related
