JQuery :: Using Each() For Multiple $('table') Elements
Jun 10, 2009
I've selected multiple tables and tried to use each for applying cornering to each table. Inside the callback function, I try to find the first/last table cells to apply cornering for each corner. However, when there are multiple tables it looks at _all_ the tr elements for the first/last rows. See example code:
// Add cornering to tables
$('table.corner-me').addClass('ui-corner-all').each(function(){
var $table = $(this);
$table.find('tr:first :first-child').addClass('ui-corner-tl');
[Code].....
View 1 Replies
ADVERTISEMENT
Sep 27, 2010
I am using jquery with the cookie plugin and I have multiple image buttons that can hide/show multiple elements. My question is how can I add a cookie to this code to remember whether each separate element is opened or closed?
The code,
$(document).ready(function() {
// choose text for the show/hide link - can contain HTML (e.g. an image)
var showText='<div class="expanddown"></div>';
var hideText='<div class="expandup"></div>';
// initialise the visibility check
var is_visible = false;
// append show/hide links to the element directly preceding the element with a class of "toggle"
$('.toggle').prev().append('<a href="#" class="togglelink">'+hideText+'</a>');
// capture clicks on the toggle links
$('a.togglelink').click(function() {
// switch visibility
is_visible = !is_visible;
// change the link depending on whether the element is shown or hidden
$(this).html( (!is_visible) ? hideText : showText);
// toggle the display - uncomment the next line for a basic "accordion" style
//$('.toggle').hide();$('a.toggleLink').html(showText);
$(this).parent().next('.toggle').slideToggle('fast');
// return false so any link destination is not followed
return false;
});
});
HTML,
<a class="togglelink" href="#"></a>
<div class="toggle">
Content
</div>
View 6 Replies
View Related
Nov 12, 2009
I have written some JavaScript that I can use to remove a table row from a table. If I have the table:
[Code]...
I also have JavaScript that will add a row to the same table. I've found that if I add a bunch of rows, when I delete one, there is a small amount of whitespace added between the permanent row and the others. It seems like while the row is removed, some remnants of it remain. Is there a way to get rid of it completely?
View 2 Replies
View Related
Aug 17, 2011
So I have a form with a few tables in it. One of these tables is to enter new values, and the rest of the tables are to update existing values. I need to be able to empty all values of elements within the table for entering new values on a button click, but I'm having trouble doing this with jquery.
I'm trying to find all elements inside of the table with id of "new_details" and then set all text box values to "" and uncheck all checkboxes but I'm not getting anywhere.
[Code]...
View 1 Replies
View Related
Jul 28, 2010
I've an HTML table that uses the jQuery-datatables plug-in. One of the columns in the table includes a button for adding a new row to the table immediately following the row where the button was clicked from.
My HTML code is as follows :
<table id="contactInfo">
<thead>...</thead>
<tbody>
<tr>
<td>...</td>
[Code]....
With this code, the function() to execute my button's onclick event isn't loading and therefore I cant event see the "button clicked" alert msg.
View 3 Replies
View Related
Apr 11, 2011
Can someone explain to me the best way to loop through the geocode and marker (google maps) part of this code for all of the elements with the "address" class using jQuery (or javascript if need be). I tried wrapping the contents of the codeAddress function in $(".address").each(function () {... and replacing the getElementById with a jquery selector, but I still seem to be lost.
[Code]...
View 2 Replies
View Related
Oct 2, 2010
I have this query that does what I want it to do, find the class and remove an extra element within its parent:
$(".emptyTopNavOption").parent().children().first().remove();
But when there are multiple classes, it only deletes the first element in its query. As a successful test, I appended some CSS to ensure the query selected all classes and added a border to each element. So why does remove() not work? Is it a bug or is my query missing something?
View 1 Replies
View Related
Nov 14, 2011
I just started using jquery a few days ago and am already addicted.Now I am trying to figure out one thing which I can't seem to get answered by Google:I am building a dynamic website where at one place there will be an unclear number of div-elements. So there can be none, just one or several.The plan is to show them by a click on a button via slideDown(). So I wrapped them with another div.wrapper via wrapAll(). This works nicely for any number.Now the thing is: if my .wrapper has no specified height, the slideDown jumps - which doesn't look very nice.So I gave it a height:$('.wrapper').css({'height': $('div').outerHeight()});Presto, the animation works smoothly. But this works only if there's just one div.
View 2 Replies
View Related
Dec 24, 2009
I am putting together a validation function and am having trouble with targeting multiple elements.[code]an onclick event fires my validation function. If any of the fields are empty, the appropriate error message should display.This sort of works. If all of the fields are empty, only the error message of the first element is displayed, not all 3.
View 1 Replies
View Related
Aug 18, 2010
I am performing the same animation three different times on three different elements. Is there a more efficient way to do this?
Here's my code:
$('.tier1').animate({opacity:.2}, 500)
$('.tier2').animate({opacity:.2}, 500)
[code]....
View 1 Replies
View Related
Feb 20, 2011
I'm new in jQuery. I have to alter randomly the order of the td elements of a table. My initial idea is:
- Clone the original table (I can't modify it).
- Disorder randomly the elements of the cloned table.
- Show the cloned table.
The actual code is:
<html> <head>
<script src="[URL]"></script>
<script type="text/javascript">
$(document).ready(function(){
});
</script></head>
<body><script>
$(document).ready(function(){ .....
View 3 Replies
View Related
Jun 17, 2011
I have now been playing around for hours trying to figure this out. Swore I would not ask for a solution. Now I have a headache, so I am asking. On one HTML Page (From.htm) I have:
[Code]...
I somehow, need to get the values as shown in the handle function for each of Products shown in From.htm. Keep in mind the only thing I know from From.htm is the class names. I have no idea what products are listed or what the input names are. This table is generated by a third party. Assume that index.htm and From.htm are on the same website.
View 2 Replies
View Related
Jul 12, 2009
I have a table of input elements which i create through a javascript widget. When i press submit i want to make an action and a part of the output should be the same unchanged tables with the values in it. I don't know how to accomplish it. At first i used the html() function, but it does not pass the table with the html values inserted as i would like.
View 6 Replies
View Related
May 13, 2011
I need to be able to call a certain td element in a table and I'm not able to edit the html (dynamically generated) so i was wondering if it is possible to target td elements like an array using jquery.
For instance, say I need to change the class of the 4th td element in the second tr element. how would I target that? is there a way to do it in array style like below?
<table class="myTable">
View 2 Replies
View Related
May 26, 2010
I have a ASP.NET gridview which is rendered as a HTML table. There are 2 columns in the grid. First column is a checkbox and second column is a input textbox in which the user will enter a amount. I want to be able to loop through the rows of the table using jquery to find out the rows that have a checked checkbox and then sum the value in the corresponding textbox in which the user will enter a amount. In other words how do I loop through the table and find out the elements on the same row on the table.
View 1 Replies
View Related
May 18, 2010
Is it possible to duplicate a few form elements on click of a button? For example if we have a form with the following fields:
1. Name
2. Address
and we have a button that says add a member
on clicking of which the same two fields above should be added:
1. Name
2. Address
View 1 Replies
View Related
Jul 5, 2011
Im working on a ajax app and not sure what is the best way to bind events to elements (performance wise).I have a number of elements with 'click', 'focus', 'keydown' events which can be assigned though the delegate to the parent, like so:$('#parent').delegate('#child', 'click', func.....)but is it better to add a delegate to the 'document' for multiple events and use IF statement to filter for elements which should fire an event, like so:[code]Each element can be replaced with an updated version retrieved from the server.
View 2 Replies
View Related
Dec 21, 2010
I am learning jQuery now and have a big interest in this javascript framework. I am trying to bind an event to more than one element. I won't meet any problem if using selector. But now, I've created a function which I will pass the element. And I need within this function, to bind the code. This is my current code :
function updateDay(dayObj, monthObj, yearObj){
//I want to bind both monthObj and yearObj.
yearObj.change(function(){
//do something
});
monthObj.change(function(){yearObj.change()});
}
$(document).ready(function(){
updateDay( $("#day"), $("#month"), $("#year"));
});
As you can see, I must bind twice, once for yearObj, the other for monthObj. Is there anyway to bind the change() event only once? If there are some logic mistake in using function or such as feel free to point out, since I still haven't read all the documentation yet.
View 1 Replies
View Related
Sep 9, 2010
Im trying to get 2 elements to execute some effect individually at the same time on a hover.Ive looked at .animate but if I understand it correctly I can do multiple effects but still limited to that single element.[code]So basically Im just trying to get 1st & 2nd on hovers to happen at the same time and 1st and 2nd off hovers to happen at the same time.
View 1 Replies
View Related
Nov 1, 2011
I'm wondering how to get access to each element I selected e.g. by the :has()-Selector. To explain a bit more: I want to select several elements and add to each of them attributes, but a different one to each element. So how can I run through the elements and modify each one?
View 3 Replies
View Related
Aug 4, 2010
Selecting elements using multiple parameters like here: $('descendant', 'ancestor').text(); seems to be way more popular than css-like syntax: $('ancestor descendant').text(); Do those two differ in performance, or is it just about being intuitive to particular people?
View 1 Replies
View Related
Aug 12, 2010
I am creating an FAQ type page with rows of questions that will drop down the respective answer when clicked. I have it mostly working, except I can't find a way to close all answers before opening the next one. I have tried everything I can think of (or search), but to no avail. I am using the following code, where QQQ1/2 are the questions, and AAA1/2 are the answer divs:
//Question/Answer
$(".QQQ1,.QQQ2").click(function () {
// check the visibility of the next element in the DOM
if ($(this).next().is(":hidden")) {
[Code].....
View 2 Replies
View Related
Mar 6, 2011
I'm quite new to jquery and i would like to know the best syntax to create an object with couple of DOM elements. I mean something like this:
[Code]...
View 2 Replies
View Related
Jul 26, 2010
What I have is this html:
<div class="persons">
<table>
<tr>
<td>Name: </td>
[Code]....
Now what do I write in this iteration loop to first get the text from the FIRST name and age box, in the first <table> (so I can work with tem). And in the next iteration loop get the SECOND <table>īs input fields text values?
View 2 Replies
View Related
Oct 18, 2009
I'm writing a bookmarklet which allows you to select various elementsfrom a page and save them to your own personal blog (a bit likeffffound or the Wordpress PressIt feature)The user will select 3 parts from the page they want to save:1) Title (easy, just detect a click on an html element and make sureit's a span/p/h1/h2/h3 etc)2) Image (i've figured this out too)3) Body textI'm stuck with grabbing the body text - I think it should be selectedmanually, as it could consist of multiple p's and div's, or even tablerows, depending on how badly the source page has been coded.When the use has selected the text, it should be highlighted somehowen/browse_thread/thread/6dbbfd9cafd98cf6,I know that getSelection won't work, but I'm not sure what to doexactly.
View 1 Replies
View Related
Apr 13, 2010
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 Related
