Selecting First And Second To Last Child Element In DIV
Aug 27, 2010
I have a div, id is 'pages'. Inside 'pages' is a dynamic amount of divs id = 'posts' each followed by another div id='date_area'
Example:
HTML Code:
<div id='pages'>
<div class='posts'></div>
<div class='date_area'></div>
<div class='posts'></div>
<div class='date_area'></div>
<div class='posts'></div>
<div class='date_area'></div>
<div class='posts'></div>
<div class='date_area'></div>
... etc
</div>
I need a way to select BOTH the first occurrence of <div class='posts'></div> and the LAST occurrence of <div class='posts'></div>. Then I need to set different css rules for both of them. In CSS, I can use first-child, but this doesn't work in older browsers. CSS last-child does not work here because it targets date_area and also doesn't work in older browsers.
View 6 Replies
ADVERTISEMENT
Oct 4, 2010
i have a menu generated by a list with nested lists. i want the parent link to stay highlighted when the mouse hovers over the sub menus. because those sub menus are also generated by jquery (qtip), CSS alone won't do it (triedul.topnav li:hover a {background-color: #F00;}).is there a way to do this using jquery?
View 15 Replies
View Related
Feb 9, 2011
I'm having a problem with selecting only the first child of my content tree. What I have is
<div id="Ft">
<ul class="Ft_colum">
<li><h3><a href="#">Home</a></h3></li>
<li><a href="#">Demo link</a></li>
<li><a href="#">Demo link</a></li>
<li><a href="#">Demo link</a></li>
[Code]...
View 2 Replies
View Related
Aug 19, 2011
im experiencing a problem when using the :nth-child() selector.
I currently have a div that contains multiple divs. These divs have either the class 'labels' or 'labels-alt', I currently use the following code to change add/remove a class to one of these
function mOver1(n) {
$('.labels:nth-child('+n+')').toggleClass("labels-hover");
}
function mOut1(n) {
[Code]....
View 3 Replies
View Related
Dec 15, 2010
how to select (or set the focus on) the first-child within an ordered list, effectively simulating a mouse click on the item.
View 1 Replies
View Related
Jul 19, 2011
This code works on my wordpress parent pages but not on child pages. The code output looks exactly the same on the parent and child pages when viewed in firefox's firebug.
[Code]...
To see it in action: [URL].. View the cart, which is a child page of the store and you'll see the problem.
View 2 Replies
View Related
Apr 27, 2009
In jQuery, how to select a parent element to a child if I attached a click event on the parent but also want a click event on a child within.
Let's say I have a the following code :
HTML Code:
There may be several of those classes in the page. I then use jQuery to replace the inner HTML to the clickclass div when clicked on with some other code and a input button (with an ID of, let's say 'save_button').
This works fine for that part:
HTML Code:
I then want to have the button clickable so that I can replace again the HTML in the div (like a save button). But if I try a separate event listener on the input button, it also fires the parent event. Even if I return false on the child event or use event.stopImmediatePropagation() in the .click child function.
I've managed to almost get it with the following code :
HTML Code:
If the event is triggerd form 'clickclass', then replace with HTML + input button
The problem is that whenever I try using .parent() with jQuery, it always tells me that parent() is not a function. I've tried various other ways of getting the parent object (the clickclass div) but can't get it to work.
View 4 Replies
View Related
Mar 16, 2010
The bit of code in bold in the code below is giving me this error in IE: Error: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; Tablet PC 2.0; InfoPath.2; OfficeLiveConnector.1.4; .NET CLR 3.0.30729; OfficeLivePatch.1.3; MSN OptimizedIE8;ENGB)Timestamp: Tue, 16 Mar 2010 15:07:11 UTC Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
[Code]....
View 1 Replies
View Related
Aug 26, 2010
I have a javascript here for adding my div element to my registration form,Adding the div element is easy, but it shows on the bottom of my form. I cant make it as the first child element of my form...This is my code
var _form = document.getElementById('registration_form');
var errorDiv = document.createElement('div');
errorDiv.setAttribute('class', 'confBox');
[code]....
View 2 Replies
View Related
Jun 6, 2011
I have a problem with selecting certain elements with jquery.I have a "newsfeed" where I have a lot of these tables:
Code:
<table class=newsfeed_table>
<tr>
<td class="newsfeed_table_icon"><img src="/CodeIgniter/verkstad/icons/nf-msg-cr.png" alt=""/></td>[code]....
It's basically just a table containing a message, who wrote it and when.I'm trying to build a function that filters what types of posts are visible in the newsfeed. So by clicking a button I want to be able to filter out the "message"-post or the "sale-alert"-post.Only way I can see which type of post it is, is by looking at the image source in the table. So depending on what that is, I want to set the table to display:none.
But I've been looking into the jquery selector a bit but I can't make it work. I've tried with .each(function and child selector...
View 2 Replies
View Related
Jun 28, 2011
This seems to be a peculiarone. Let me set the stage.I am selecting the href inside of ananchortag.I MUST disable all anchor tags inside my div.Here is the problem, I am redirecting old content to new content.I have over 1200 pages all with 1-20 anchor tagsAll of the anchor tags have a regular href url OR a javascript function.It looks like this:"javascript:open_window('detail1.html')"All I want is a way to extract the:detail1.html which can bedetail21.html ordetail.html also (thought about using slice to cut out what I need)
View 2 Replies
View Related
May 24, 2010
When I click on my h3 tag I would like to do a replace on the next "dframe" element (not all "dframe" elements). I've tried the code below but it doesn't select the next specified element. I guess next() only covers the next sibling?
$(".regionfulldublin h3").click(function() {
$(this).next('dframe').replaceWith('<iframe></iframe>');
});
View 1 Replies
View Related
Dec 15, 2010
I Have this code
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
[code]....
View 1 Replies
View Related
Sep 7, 2010
I need to select a class within an element. the class is generated by the code using .addClass. I suspect this is actually really easy and I'm just being stupid,
View 9 Replies
View Related
Sep 16, 2010
How do I select an element based upon the text in a variable?
Here's the basic HTML
<ul id="pictures">
<li><img src="images/ernst/01_aelpler_maccaroni.gif" />Älpler-Maccaroni</li>
<li><img src="images/ernst/02_hoernli_mittel.gif" />Hörnli mittel</li>
<ul>
I want to show and hide the <li> Element. thought i'd do this by applying a css-class to the element
Here's what I came up with so far:
$(".download_liste li a").click(function() {
var showPic = $(this).attr("href");
$("[name*="showPic"]").next.toggleClass("hiddenpic");});
});
Well, it doesn't work, anybody care to tell me why? Or am i way off?
View 2 Replies
View Related
Mar 30, 2010
how silly I would sound by asking thi squestion but here is my case. I have an HTML as below
====
<body>
<table>
<tr id="menurow">
[Code]......
View 2 Replies
View Related
Oct 17, 2010
I would like to grab the onChange value of a select box which is inside a <td> and pass it to the next <td> and place it in a <span>
My php iterates multiple table rows with select boxes and a line total span.
I want it to work similar too..
But of course that wont work because the span is not inside the select.
Is there a way of grabbing an elements parent element then the next element in the order and its contents.
Heres my full page:
View 2 Replies
View Related
Jul 15, 2009
I'm trying hard to select only the element under the mouse cursor, but for example, when I do this:
[Code]...
View 4 Replies
View Related
Feb 14, 2009
I have an autocompleter in which i am trying to grab the text in the first element in a list of returned results from the db. I have been able to grab the first element in the list with the below code however, it brings up an alert for every realtime list that comes back so multiple times. Is there a clever way to make an if/else statement that forces it to alert only once?
var item = $('.title_div:first').text();
alert('this item ' + item + ' is the first to be showed');
View 2 Replies
View Related
Jul 23, 2005
How do I get the contents of an element in the opener and show them in the
child?
What I'm trying to do is something like this:
In the opener: <h1 id="pgtitle">Office XP</h1>
In the child:
function gt_pageCont () {
var pagetitle = window.opener.document.getElementById("pgtitle");
var pagetext = "<h1>""+title+""</h1><p>Here are some more info about ""
+title+ "".</p>";
document.write(pagetext);
}
and:
<body onload="gt_pageCont();">
I know that something is missing in the function, because I've tested it and
the child displays [Object] instead of "Office XP".
View 5 Replies
View Related
Apr 24, 2009
I've got a reference to a TableCell and I'd like to use jQuery to get the first instance of an <IMG> tag within that TableCell, but can't get the syntax right, I understand how it would work if I were to reference the TableCell by and ID or class, but not when I have a direct reference to the cell, I've got:
What the jQuery syntax should be to get the first img tag within "tdRef"?
View 2 Replies
View Related
Jun 30, 2009
I have a function which looks like
function mainLeftElements(){
var containerDiv = document.getElementById('mainLeft');
var elems = containerDiv.childNodes;
alert(elems.length);
}
Which for a div declared like so:
<div id = 'mainLeft'></div>
Alerts me it has a length of 1, trying to work out what the element is (thinking it might be a blank text element or something, maybe the id attribute also??) by using
elems[0].tagName
and
elems[0].id
I get confused as they both return 'undefined', so what is it?
View 2 Replies
View Related
Jun 12, 2009
My example markup as follows
I want to collect all the child elements inside this two fieldset elements through looping.
View 3 Replies
View Related
Jun 30, 2009
I have a problem with my javascript.
I have a function which looks like
which for a div declared like so
alerts me it has a length of 1, trying to work out what the element is (thinking it might be a blank text element or something, maybe the id attribute also??) by using
and
i get confused as they both return 'undefined', so what is it?
View 2 Replies
View Related
Oct 5, 2009
I am having an issue in firefox 3.5.3 I am using the following selector
[Code]...
View 6 Replies
View Related
Aug 7, 2009
I'm trying to add a class to a <li> where the href within it contains a string. I can apply the class to the anchor without a problem, but I can't seem to select the parent. Is an anchor a child? <li><a href="random.xls">Random Stuff</a></li>
In this case, since the href contains .xls, I'd like to be able to add a class to it. I've tried a variety of things, most recently this, but no luck: $('li has(a[href$=".xls"])').addClass('excel');
View 1 Replies
View Related
