I have a jQuery script that changes the background color of odd rows in a table. If a row has class "new", though, it won't change it:
Code:
$(document).ready(function() {
$('tr[class!=new]:odd').css({'background-color':'#ddd'});
});
Is it possible to specify another class (together with "new") to which the script should not change the color? If yes, what's the syntax?
The default behaviour for a class selector is: "An element can have multiple classes; only one of them must match." Is there a class selector where you can use multiple classes and all of them have to match?
View 1 Replies View RelatedRight now I have something of the form in my CSS:
And in my HTML
How do I show all items belong to classes "a" and "b"? Right now I'm trying:
Is this the right approach, or should I be doing something else?
In my page I have pairs of divs like this:
Code HTML4Strict:
<div class="rounded red">
<p>Integer egestas neque vitae dui ultricies vel venenatis mi varius! </p>
</div>
[code]....
This works,in that it at least added the new class whereas the other solutions didn't. Unfortunately it counts EVERY div, not just the ones with the class .client, I can't set my array of desired classes, and I have no idea how to make it restart the count after it hits #4.
I'm trying to use a javascript class to assign specific event handlers to different elements. I create an object and pass it a reference to the element, and some properties for the event handler to use. When the event fires, I want the handler to reference the properties of the object. But I'm clearly doing something wrong as multiple instances all refer to the most recent object only.
View 1 Replies View RelatedI've got a list of links and divs. When I click on a link I want to keep showing all the divs which have a class that matches the clicked link id and hide all the divs which don't. At the same time I want to add another class (.item) to the matching divs and remove it from any div which is hidden.
When I run the code below, clicking any of the links hides all the divs apart from the one which doesn't have a matching colour class.
$('a.filterclick').click(function(){
var id = $(this).attr('id');
if($('.filterclass').hasClass(id)) {$('.filterclass').removeClass('filteredout').addClass('item');
}else
[Code]....
I'm putting together an events calendar athttp:[URL].. Each event is a li item, and I use jQuery to assign the class "no-left-m" (no left margin) to li:nth-child(3n+1) for CSS layout purposes. I've also added the ability to show only events in certain categories. Unfortunately, the initial jQuery assigns the classes to li items from the DOM, and doesn't take into account the show/hide. This means that when I show only a single category, the margins are off.
[Code]...
how I can assign my classes dynamically to nth-child(3n+1) of *visible* items only?
[code]I want to be able to highlight all of the divs which contain both the classes 'two' and 'three'. So the first and the third divs above are highlighted but the second isn't because it doesn't contiain both classes.I can see how to select multiple classes like this:$('.two, .three').css('background',''yellow');This selects items with either'two' or 'three' classes. I want it only to select the items with both classes.
View 1 Replies View RelatedI want to know how can I make it where if you right click on an element on a webpage it will select that elements id or whole html code?
View 1 Replies View RelatedI'm building a nested menu where I want to add background colors only to top menu items. I can't change the generated code, so I have to live with the id's and classes as is.Relatively new to jQuery so still not used to filtering my selections carefully—is seems to grab everything. Anyway, I have tried: .is, .content, .filter, and some parent, child stuff, but can't seem to only apply the effect to the "top" class—it just selects everything.
View 2 Replies View RelatedI was wondering if anyone know if (and how) it is possible to make an
html/css/js area on a webpage where you can select items by clicking in the
upper left, draggin the cursor to the lower right, leaving element in
between selected in a way a form can post? Exactly the same way as you
select a number of icons in the explorer or on your desktop.
Imagine an imagegallery with a list of thumbnails, I would like to let the
user mark a number of images and only view these selected ones. Preferably
it should work with the ctrl- and shift-button as well, but thats a minor
detail. As I can se, drag and drop of elements is possible (ex.
netvibes.com), but I have never seen any select-solution that works as in
your explorer. I'm sure it could be done in flash or java, but i'd rather
keep it in pure html/css/js.
There is simple html like this:
<ul id="icons">
<li class="icon1 hoverNow"><img src="some/pic1.jpg"/></li>
<li class="icon2"><img src="some/pic2.jpg"/></li>
<li class="icon3"><img src="some/pic3.jpg"/></li>
<li class="icon4"><img src="some/pic4.jpg"/></li>
</ul>
where class 'hoverNow' means, that opacity of the image is 1.0, while others 0.5. This done with css.
i want to do, that when mouse hover the 'li' element, image, IF it's not in the li element, who's having class 'hoverNow', become with opacity 1.0, and on mouseover, again will have 0.5 opacity. For this, i write this simple code:
[Code]...
is there a way where I can have the mouse when it right clicks anything in a webpage that it would have a drop down menu appear or fade in the drop down menu. In the menu I want to have buttons that once clicked it will run a function but it will send some values to the function as an argument. Now one value it will send to the function will be either the name or id of the element selected for example lets say for example a user image 1 got selected and only has a name. How can I select the name? like if the person right clicked this element how can I select the elements name or id ? I know how to pass it to the function but don't know how I can select the element without doing this manually in the code.
View 3 Replies View RelatedI want to select all input hidden fileds but want to their names and then select those elements.
View 1 Replies View RelatedThe "checkbox select select select" part is included so it is identical in the 2 places (ie it is not possible to have different id's).What I want is that checking the checkbox only the selects next to the checkbox get visible.The only difference between the 2 checkbox/selects combinations is that the first one is in form A and the 2nd one is in form B.Is it possible to select only the selects in the same td as the clicked checkbox to make them visible?I tried JQuery's parent and sibling selectors but I am not sure if they fit my need here.
View 2 Replies View RelatedI have a question about a selector of jQuery.
How can I select all empty elements?
I want to insert something after #close, but only if the following div content contains the references-container4.Nothing will be inserted here. Only in the references-container4 case.
View 1 Replies View RelatedI'm trying to craft a selector that returns all textboxes that are immediately followed by a label.
View 2 Replies View RelatedLet's say you have two elements, and you know their IDs; is there a way to select them both at the same time; something like $('#test #test2')?I realize I could just select them both on two different lines and apply the same function, or use class or something to track them down; but sometimes I just want to grab two elements by ID and do the same thing to them. I assume I'm just missing the syntax.
View 1 Replies View RelatedI have a set of elements with id-s x1,x2,x3,x4. If i select only one of them siblings like $('#x1').siblings(), it selects the other three elements. But if i select siblings of two elements like $('#x1,#x2').siblings(), it selects all elements.
How can i select more than one elements siblings?
In JQuery how do you select all elements using regex.I have this markup
Code HTML4Strict:
<span id="td_12345">something</span>
<span id="td_12343">something</span>
[code].....
On a form on one of my pages I have two <select> elements, and each one
is paired up with a radio button. The idea is to choose an item from
one list or the other and select the radio button of the list you want
to use.
I'm using JavaScript to automatically select the radio button
corresponding to a list when you click on the list (using the onclick
event handler). Is that the best event to change on, or should this
behavior be triggered on the onChange event - so if they don't change
the value they won't have to re-select the other radio button?
I'm trying to grab the X/Y co-ordinates of given elements on a page, and scroll to them using the window.scrollTo() method. This is working for standard text boxes (INPUT objects), but for drop down lists (SELECT objects), the JQuery .position() method isn't returning the result object:
var el = $("#[id$=" + elements[i][1]);
if(el.position() && el.position().top) {
var top = el.position().top;
var left = el.position().left;
window.scrollTo(top, left);
break;
}
This works just fine for text boxes, but will not work for selects/drop down boxes. I've stepped through the code and the element el is always populated correctly, so its not the get statements that is at fault. If I inspect the value of el.position().top I get 'null or not an object' and el.position() returns 'undefined'.
I have a markup structure like this. code...
I will be adding 3 additional <div class="slide"></div> after the first one dynamically on $(document).ready(). In the DOM, it looks like this. code...
I have a recurring set of elements and want to put each set into a wrapping container. This is how it looks before:
[Code]...
How can I put each set of <table>, <span> and <p> into a jQuery object and wrap a <div> around it?
This is just an example. In reality the <p> element marks the end of an unknown range of elements. The <p> element is easy to detect by its attributes.
I want to select all inputs that have the same exact values.I want to be able to grab those elements names.
View 5 Replies View Related