JQuery :: Using The Child Selector, With Class As A Variable?
Apr 15, 2011
What is the syntax for accessing the children of a class, where the class is a variable?The html structure is multiple divs like this:
<div class="class1 class2 class3">
<p class="x"> lorem</p>
<p class="y"> ipsum</p>
<p class="z"> yadda</p>
</div>
(There's a structural reason for accessing the child <p> tags, rather than just the parent <div>s. Some <p> tags in some<div>swill have previously had a style change applied: if the changes are now applied only to the parents, some children won't changeâĶ at least not till they're hidden).Anyway: this code doesn't work, doesn't generate a FF error message, and doesn't stop subsequent chained functions from operating. So it can't be far off; and the syntax$(cl + ' > p') works ok in another function.
View 6 Replies
ADVERTISEMENT
Sep 6, 2011
I've been fiddling around with a bit of javascript in a chrome extension - something to alter the Google buzz webpage.I'm trying to find each individual post basically and have the following:
var entry =$('.X0POSb'); //This main block contains the bulk of Google buzz content
console.log(entry);
var items = entry.find('.G3.G2');
[code]...
View 4 Replies
View Related
Sep 8, 2011
Are there any difference between class selector and ID selector
View 2 Replies
View Related
May 5, 2011
I have a huge blob of code but the main part I am focusing on is this
$('.billboard_click').click(function () {
//this remove class
$(".billboard_click").removeClass("billboard_click");
});
1. Execute a click event when the div with the class 'billboard_click' is clicked
2. Once clicked, remove the class from that very div to avoid another click from happening
3. Execute a series of events such as animations, etc
4. add the class back to the clicker div
The code does not seem to work as expected but I am wondering if I am having issues elsewhere at this point and wonder if this actually is known to work
View 7 Replies
View Related
May 26, 2010
I just donīt know the right syntax for this:
I want to change the css class of the li element from the name hidden to the variable filterVal, but i donīt know the right syntax.
View 1 Replies
View Related
Mar 9, 2011
I'm trying to figure out which selector is faster (assuming that the class 'foo' only appears on input tags)...
$('.foo');
or
$('input.foo');
From what I've seen online, it seems that people recommend $('input.foo'), but in some limited testing it appears that $('.foo') is much faster in both FF and Chrome. In IE, both methods seem to produce similar results. Here is a fiddle with a simple example...
[URL]
Have browsers started implementing native ways to find all elements with a given class name? Would that explain why $('.foo') seems to be faster?
View 1 Replies
View Related
Dec 24, 2011
[URL] The above webpage lists the selector .class.class without an example. I can't find this usage in jQuery document either. I made the following example, but it doesn't work. Could anybody let me know who to use the .class.class selector?
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
[code]....
View 3 Replies
View Related
Jun 19, 2010
If I use an child selector like in [url] how can I prevent it from being applied to all tables?I need to select an child from only one table.
View 2 Replies
View Related
Apr 19, 2010
according to the docs this 'should' work in all IE versions except 6.Examples :
$("#gallery > img").css();
$("#gallery").children("img").css()
Even tried $("#gallery").find("img").css() None of those methods will work in all versions of IE(even 8). Works just fine in FF, Safari, etc...Is there a work around or another method of selecting the children of a selector in IE? I would really like to not have to add extra classes to those images just to select them.
View 4 Replies
View Related
Oct 22, 2010
I was wondering if there is a "selector construct" that matches an element having more than one child. So I'm looking for a solution that doesn't need
an if statement such as;
if($('ul').children().size()>1)
{
//do this
}
[Code]....
But I'm looking for a selector that already looks for these conditions. Kind of like how :has() works but then a check for more than one child.
View 2 Replies
View Related
May 12, 2011
I want to do something like this
<div>
<p>
<p class="active">
[code]....
View 7 Replies
View Related
Mar 27, 2011
I am trying to make a sliding panel if you click a button, the only problem is that there are more of this panels on the page. I can make the first one open, but I cant make the one opening wich has the id=id.
[Code]...
View 6 Replies
View Related
Oct 13, 2009
Don't understand is what 'n' stands for. for example in this code:
And then what does the +1 do?
View 3 Replies
View Related
Dec 22, 2011
I have used sophisticated selectors in the past but for some reason am brain-tied right now.I have a clickable div followed by another div (a sibling. not a child) that will reveal when clicked.
of course it works when hardcoding the second div as the target but I want to make it reusable so that it looks for the next div matching that class selector
[Code]...
View 2 Replies
View Related
Dec 9, 2010
I've take an example from the docomentation and changed the names. I allready have written some nice functions
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code]....
View 4 Replies
View Related
Jul 30, 2010
I am unfortunately having some problems with JQuery of late. I am working on a project in which I need to have an AJAX application working in all major browsers, including IE6 and IE7. I have created a click event for a button of the class "update" and "delete" in which an ajax request will be sent to the server. Unfortunately in IE6 (and only IE6) the event will not fire. After much experimentation I realized that it was the class selector.
Here are some code tests I have been doing to get a click event to fire:
Do you have any ideas as to why none of these work?
View 7 Replies
View Related
Feb 11, 2010
$(".mainmenu-topcontainer > ul > li:not(:has('.stateselected'))").hover(function(e){ (...)
I tried it with and without quotes. Do I miss anything? That selector matches all Li elements.
View 1 Replies
View Related
Apr 22, 2009
The following code worked fine in 1.2.6 but after upgrading to 1.3.2 only the first table cell is shown/hidden.
<table>
<tr>
<td class="more">a</td>
<td class="more">b</td>
[Code].....
Version 1.2.6 used to add style="display: none;" when hiding, and would remove it when showing. Version 1.3.2 adds toggles between style="display: none;" and style="display: table-cell;". I don't think that matters really, what does matter however is that if I alert jQuery('.more').length I get 1 not 4.
View 4 Replies
View Related
Feb 13, 2011
I have a problems with selectors. I have the following HTML code:
<div
id
=
"myDatepicker1"
[Code]....
But the alert message does never appear and I did not get JavaScript errors. It seems that the selector does not match and so the alert message and the .hide() does not take effect.
View 2 Replies
View Related
Dec 18, 2009
I am a newbie here and had a strange problem, maybe someone can explain it: I have a function that changes it's element class on click. I Also use the class as selector for that function. So, when clicked, it should not be clickable again. But it does, like if, even after removed, it's class would still remain in the memory of DOM, or something.
[Code]...
View 2 Replies
View Related
Dec 13, 2011
I want to load an html div in a variable, modify it in another variable; and then change the document injecting the contents.
1. I load the html to be changed in a variable (code)
2. I modify an attribute of <param> using attr() and I put the result in a var (newcode)
3. I change the html in the doc
I've used the debugger, and all steps give the expected results, except of newcode.html(), which is a null string. Why?
[Code]....
View 8 Replies
View Related
Apr 13, 2010
Is it possible to access a class from a "top" document, when the class is present and defined in another document, embedded using iframe? Doesn't seem to work out of the box.
I'm trying to embed an image gallery on my page and use it's thumbnail images for a slideshow
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
Oct 29, 2010
I'm having an issue I was hoping someone could help me with. I'm very new to jquery and just picking it up as I go. I'm trying to display the first 10 table rows with a certain class. The rows with this specific class(.filtered) are not ordered in any way. Basically I have a loop which runs through 10 times, and in that loop I'm trying to say "display the [i]th table result where class = filtered" so at the end of the loop, I will have 10 rows, all with the class .filtered. Here's what I have, but I'm fairly sure my syntax is wrong.[URL]..
View 3 Replies
View Related
Apr 5, 2010
1. I want to have 2 things on my page: an unordered list of links at left, and a grid of images at right. Each item in the list is represented by an image in the grid. This is how it should work: when you mouse over an image, the text link at left changes color. So, I hardly know any jQuery, but I suspect that you need to dynamically insert a css class selector into the <li> for that list item. How in the world do I do this?
2. I am using this plugin: jQuery cycle lite. Is there a way to make the images appear in random order, rather than in the same, fixed order?
View 4 Replies
View Related
Nov 17, 2011
The DOM looks like this. I need to get all hidden inputs that have siblings with class of myClass. So in this example I would like to get the first and third hidden inputs back.
<div>
<input type=hidden>
<label>
<label class=myClass>
<label>
</div>
[Code]...
View 2 Replies
View Related