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]...
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.
I want to do something like this
<div>
<p>
<p class="active">
[code]....
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]....
so i wrote this slider with some help from an admin, everything works as I would like it to but I'm trying to make it a plugin so i need to tighten up a certain part of the code:
(function( $ ){
$.fn.jmSlider = function() {
// get total width of all li elements in the slider
var wrapWidth = 0;
[code]....
what i would like to do is instead of using "li:first" and "li:last", i would like to use first-child and last-child so the element doesn't need to be a li, in can be anything that is the direct child of the parent container.
Are there any difference between class selector and ID selector
View 2 Replies View RelatedI'm trying to find an example of a country selector (which also provides a state selector if USA is chosen) then you cvan select the city, any samples out there?
View 2 Replies View RelatedI 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
<div class="userbox posts" id="pst146996">
<div class="imgholder">
<img alt="Chris Hardin" src="http://codebix.com/bp/1633.png">
<div style="margin-left: 20px;" class="commentbox">
[code]....
i want already select .postlike in $(this) now i want to select the tagh1 who is in .commentboxelements.i want to change the h1's inside text 1 to 2 so i write the code
$(this).closest('.posts').children('.commentboxelements center h1').html('1');
i try this but it's not worked anyway how i can do this.
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?
[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]....
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 Relatedaccording 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.
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.
how is search to a selector for find a value by jQuery?
View 3 Replies View Relatedfunction GetDepartmentTree() {
$.ajax({
type: "POST",
url: "Service/service.asmx/GetDepartmentTree",
[Code]....
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]...
Don't understand is what 'n' stands for. for example in this code:
And then what does the +1 do?
I found this plugin is helpful,but has issue with ie 7,works in firefox What I want is that prepend and slide down effect,but there must be a table wrap the text. Here is my code
xml:
<taconite>
<beforeAndslide select="#example4">
<div id="ex1"><table><tr><td>some text</td></tr></table></div>
</beforeAndslide>
</taconite>
[Code]...
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]...
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]....
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?
$(".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.
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.
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.
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]...