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.
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?
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) {
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.
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.
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)
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');
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...
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)
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?
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,
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');
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".
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"?
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?
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?
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');
