JQuery :: Select The Last Children Of Parent Elements?
May 3, 2010
I need to select the last children of parent elements
For example
<ul>
<li></li> <-This will have the background #1a
<li></li> <-This will have the background #1a
<li><ul>
[Code]....
So I would need the last children. If there is no nested element then that is considered the last child. I have to write a jquery script to apply a background to the last children. A nested element can have a nested element and then that element's children will be considered the last ones so they will get the background but not the parents of those children. If the item has no children then that item will have a background.
So there are 3 different backgrounds. Each letter a, b c will represent a lighter tone compared to the previous color. C is lighter than B, B is lighter than A etc. So this will have to be a "smart" system in which the ul li will be updated and depending if it is the last one inhierarchyit will not have the arrow.
I'm building a volunteer translation site. In order to constantly update only paragraphs that multiple translators are working on, I need to pass an array to PHP of A: which paragraphs are open, and B: which translations have been submitted and are visible on the user's screen. PHP will then compare this with what is in the database and tell jQuery to add new submitted translation paragraphs or remove deleted ones.I've managed to make a string of all the open Div's and have it updated every second, like this:
function cycle(){ var data = ''; $('.paragraphtobetranslated:visible').each(function(){
I'm trying to manipulate items in a table using jQuery, using the parent() and children() methods of the "this" object. I think I'm not understanding how to use the parent and children methods correctly.
What I want the code to do is to show the list and button within the <td></td> when clicked on, and then hide it when the newly shown button appears.
<li>My menu item <ul> <li>my submenu item</i> <li>my submenu item</i>
[Code]...
The problem is that when the mouse goes from the main <li> to the children <li> a mouseout event is generated from the main li.
My idea is that if I can detect that the the mouseout is happening at a child of my main <li> then I should be able to stop the handler with an "if" or something.
Right now I am adding a click function to a div element on the page, it triggers a slideDown() animation. I would like it so when the user clicks on an 'a' link inside the div it does not cause the animation.
Currently it triggers the animation because the 'a' is inside the div that I have a click event for.
I tried checking inside the click function for my div element to see if 'this.tagName == 'A'' but it always says DIV, even when I click on the link.
I also tried adding a click event to all the links that stops any animations, but for some reason its not stopping the animation.[code]...
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?
I have a button and a table that I want to clone when "Add new" button is pressed, and then append the cloned elements to the "items" container, but with updated id's and names - the update is done by appending the value of "num" attribute of "items". In the end I'll have to clone and update the id's and names for multiple input elements in the table found in the "default_container" - but right now it doesn't work even for direct children. The problem (one of them at least) right now is that the iteration over the children isn't performed.
Think how twitter appends a chunk of list items to the end of the list when you load more results. I'm trying to achieve the same thing without replacing the entire parent with the same content each time 'appendRows1()'
The function needs to support any type of content - the children could be tr's li's etc.[code]...
integrating PHP-HTML-JS I'd need some help for doing the following:I have a index.php including:
<script type="text/javascript"> function filter (phrase, _id){ var words = phrase.value.toLowerCase().split(" ");
[code]....
and a child.php including a table object with the id LIST.I'd need to change the parent.php in order to filter on real-time the table LIST via the FILT input on the parent form. I have tried different values instead of 'this' on the js function calling but nothing succesfully.
I have about 13 ul li a items in a list and some have nested lists within them e.g. ul li ul li a and some don't. I want to prevent the default action on only a elements that have nested lists within them but not prevent default action for ones that don't. Here's an example of the markup.
[Code]...
However, instead, is there a way to tell jQuery to only apply this preventDefault to ul li a elements that have ul li a descendants/children (not sure of correct terminology here) so I can have the list items in any order?
I have a main window in which there is a link opening popup. In newly opened window there are links that allow to insert some HTML with form elements ( button) in the parent window document. The problem is when user closes popup window the added button is inactive (action assigned to it doesnt work) What is more the problem exists in IE, in FF code works quite well.The code inserting new elements to parent window is below.[code]
I have several divs that each have a certain link. How can I make sure that when a link is clicked that it will only change elements that are within it's parent div and not the others?
I was editing some javascript code yesterday that happened to use jquery. Part of the code selected two elements via jquery. Then the original author used nodeIndex to determine the position of each of these nodes in their parents. I could not find any documentation on nodeIndex on the jQuery site or anywhere else on the internet. It seemed to work in IE8, but I did not see the property from FireBug in FireFox 3.5. So I removed the call to nodeIndex and used a for loop to calculate my own equivalent of the nodeIndex. Is nodeIndex officially supported or meant for internal use? Is it documented anywhere? [URL]
I'm having a bit of an issue with IE. For some reason on this page: [URL]. When the right panel #content slides in, the background of the parent div #bgfield also slides in with it. I can't find anything linking the two. The line of code for the slide looks like this: $("#content").css({'margin-right' : '-651px' }).animate( { marginRight: "0px" }, 1200 );
The associated CSS looks like /* Styles for Div holding the bg image */ #bgfield { position: relative; width: 900px; height: 448px; border: solid 10px #FFFFFF; /* background-image: url(images/transparent.gif); -- set this in each page */ background-position: center top; background-repeat: no-repeat; background-attachment: scroll; text-align: center; padding-top: 112px; overflow: hidden; }
I expected $('#tabcontainers div') to return just the four top level divs but instead it returns six. That is, it is returning the four top level divs within tabcontainers but also the child divs with class="content" inside the top level divs.Is there a way to just select the 4 top level divs (i.e. excluding the inner divs) other than putting class or id attributes on them and using those in the selector?
I'm trying to update a script I found out there in order to fit better my needs. The first step I want to update is the capability to bind a dynamic number of anchors.
I am trying to figure out the syntax for the following. For this version I am simply trying to select the 2nd child of the SLIDE HOLDER div. For this test I am just making the width grow. My next pass will be to get the index of the DOT clicked and then pass it to the child of the other parent. Please see line 24. I know this is incorrect but placed it to give you an idea of what I am trying to accomplish.