Jquery :: AddClass To List And SubList Not Working
Aug 2, 2009
How can I add class to a list and the sub-list...? I have tried the code below but it wont work...
Code:
$(document).ready(function(){
$("#menu li:last").addClass('last');
$("#menu li li:last").addClass('sublast');
});
This is the html code which I add the class 'last' and 'sublast' manually... the ideal situation I wish to achieve is to add these classes through jquery. Is it possible??
I want to use arrays to populate an HTML list. I can populate the main list items but I can't seem to get the sub list items to work. <HTML> <Body> <ul> <script> var pages = ["page1", "page2","page3"]; var subPages = ["sub1","sub2"]; for(var i = 0; i < pages.length; i++){ var page = pages[i]; document.write('<li>' + page + '</li>'); if (page == "page2"){ document.write('<ul>'); for(var i = 0; i < subPages.length; i++){ var subPage = subPages[i]; document.write('<li>' + subPage + '</li>'); } document.write('</ul'>); }} </script> </ul> </body> </HTML>
I want to add a 'visited' class to a table cell and all of it's siblings if the link in the first td has been visited.
Here is my markup.
I've tried his:
And this:
And the class only gets added/appended to the table cells in FF, not webkit or IE and firebug tells me that the css is fine and would be applied if the class were present.
I've got a problem. I've built a navigation page to be used in an iframe across a site. I've made menus like this in PHP and using arrays but I cannot use PHP here so I thought I could reproduce it in JQuery.
I am able to addClass "on" to selected menu items using the following:
I'm implementing the Sortable future from MooTools, currently, I'm tweaking it so I'll be able to use nested lists, just in the way I want it.
[Code]...
In this Sortables object, I need to retreive some elements from this CURRENT sublist. As you can see, for the moment I've placed a % sign, where normally an integer or another key would fit. In PHP, we know the function "current()" for this. But how do I fix this in JavaScript?
It's just a simple jquery pricing calculator. The problem is the original code given was for checkboxes only I suppose. I am wanting to use list/menu as well. The list menu works and adds the values fine in FF, but not in IE
There is a line like the following. $(afterButton).removeClass("firstButton").addClass("firstButton"); afterButton element is not null. But this object can not add a new class. Alert to look at the properties by the method of the object is added to a class. Why not work?
I've been working with a little script from URL... but it doesn't seem to loop through the entire list.It works properly if I leave an empty list item in the UL - but that is not ideal.If i leave the count at 0, it leaves the final list item blank.
that is IE the div #msgsp is not hidden and when focus on the input box #eventname the background color aint changed are there special methods/syntax for IE? are these methods intended to work in IE?
I have a strange problem that occurs in IE 7 and 8 and does not occur in Firefox or Safari.I'm dynamically adding class to a table row on a checkbox selection. A row contains some input fields that get enabled or disabled. If a row is enabled, it gets highlighted using selectedrow class. If it gets disabled, the class is removed:
$('body').append('<div id="mydiv"></div>).addClass('newClass');addClass can be used to add a class to a selector. Take the above example. If the class is added to 'mydiv' instead, not body, this could be handy than writing the two lines:$('body').append('<div id="mydiv"></div>);$('#mydiv').addClass('newClass');
The problem: The addClass does not affect the styling of #title. Firebug shows .error, but as an empty selector. And, BTW, is this an appropriate way to flag errors -- by adding or removing a class?
I'm trying to write a cinema seat selection page and I'm hitting a problem with a selector not recognising a 'booked' class that I've just been added via JSON. I wonder if anyone could tell me why it works ok when I hard code the 'booked' class in but not when I do it through jQuery. Should I just do it in PHP??? or is there a way around the problem.
I am trying to use the .live() jQuery function in cooperation with the .addClass() function, but I am unsure of how exactly to pass the parameter of the class-to-be-added's name through the live() function to work with addClass().Here is an example of the jQuery I would be using: [code]
I would like to use addClass() in both instances in the code above in cooperation with live() while being able to pass the class's name through the live() function. I've searched around the web quite a bit, but none of my searches have resulted in an answer that fits my specific needs.
I want to add a class to a navigation button, based on the position of my sliding <ul>.
The addClass("not-active") works when the page first loads, but when the <div class="button next"> is clicked, the position changes, and so I want the evaluation of the if statement to change (and thus trigger the addClass("active"). That's not happening. (I realize this would give me both the active and not-active classes -- I'll deal with removeClass later.
I have the usual unordered list for a navigation menu with submenus...
html:
<ul> <li><a href="#">Link 1</a></li> <li>
[code].....
All of the links inside of the parent <li> have a border radius. But if the parent <li> has a child <ul>, I don't want the link to have a radius.I'm currently using this jQuery:
When addClass('choose') to li, there is always a white space right under it. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URl]"> <html xmlns="[URL]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script type="text/javascript" src="demo_inc/jQuery.js"></script> .....
I'm building a gallery and i have a couple of thumbnails. There is always 1 active thumbnail (opacity 100%) of the showing image and several inactive thumbnails (opacity 50%).
I've build some functions to catch clicks for those functions:
