How to loop alternate elements in JQuery ? I see it has each function which loops each elements . But I want every alternate elments to loop starting from an index.is it possible in JQuery ?
View 1 Replieshow to loop alternate elements in JQuery starting from an given index. all the elements have same CLASS values.
View 2 Replies View RelatedI want this script to loop on a 36 hour countdown timer starting at the date I specify. How can I do it?
Code:
<script type = "text/javascript">
dateFuture = new Date(2010,9,5,10,43,00);
function GetCount(){
dateNow = new Date();
[Code]...
How can I find all elements that have a attribute starting with some character?
Everywhere I found example like: $("[href$='.jpg']") which checks for all tags having an attribute "href" with value ending with "jpg" But how can I instead find all tags having a attribute having name ending with 'f'
something like $(img[$f]) ... trying to find all img with attribute ending with g
I would like to find all elements within my DOM that begin with "test". Any idea on how I would go about this?
Example Below I would like to return a list of element id's of test1, test2, test3
<html>
<body>
<div id="spacer">
<div id="test1">Blah</div>
<div id="test2">Blah</div>
</div>
<div id="test3">Blah</div>
</body>
</html>
I'm trying to get a endless loop going, for example for looping continually through a group of photos. So what I have is:
$(function(){
var ima = Array("johnny_100.jpg", "beau_400.jpg", "mofat_400.jpg");
$.each(ima, function(index, val){
[Code].....
so basically how could I reset the index, or maybe there is a better way to make an endless loop?
Currently I'm trying to create a menu with a mouseover effect on a link, which causes an image to display. All images are positioned on the same place, so the optical effect is that one image changes all the time. To achieve this I created an unordered list with the links / items in it, and I created a div with the (corresponding) images. On a mouseover event over a link, the index number of the current li element is stored in a variable, and I want to use that variable to select the corresponding image.
(So <li> index:2 corresponds to <img> index:2)
So in 'human language':
on mouseover of li {
var indexNumber = li.indexnumber
change class of img[indexNumber]
}
But I can't get it to work. I managed to store the 'current' indexnumber successfully in a variable:
var indexNumber = $("li").index(this);
But I can't use the variable to select the corresponding <img> I tried:
$('.slidemenuImgbox img:eq(indexNumber)').addClass('slidemenu_show');
But nothing happens
However when I do:
$('.slidemenuImgbox img:eq(1)').addClass('slidemenu_show');
The image with index:1 is changed.
How to use a variable in :eq()
To see a 'live' example (With no images changing): [URL]
I am trying to wrap <a> tags around text in <li> elements. How can I get the index of the <li> in the <ul>? I tried something like this: $('.tabbed-list li').wrapInner('<a></a>'); That works fine. However, I want to do something like this: $(this).wrapInner('<a href="#' + $(this).index() + '"></a>');
View 1 Replies View RelatedWhat's the best simple way to filter elements by their index similar to the nth-of-type equation an+b , regardless of parent and node type? Something like...
$("input").filter(":nth-of-set(3n+1)")
... to filter every third input element (3n) starting with the first one (+1).
I am trying to find and get the current index in a group of elements like so:
var index = $(attribute).index(this);
However, this returns -1 for all selectors I pass to it in the variable. Why is this? Is there another way to find a div's position within its container easily?
I'm attempting to physically change the index order of the elements returned by a selector.For example, I'm attempting to make it so when someone clicks on a button, it swaps the index position of the element above or below it (depending on which button they press).I tried to assign it using something like $('.draggable :eq(2)').attr('index', 3)But it didn't seem to work. Is there a way to do it using jQuery, or do I have to change it within DOM itself? Or is there another way to do it?
View 2 Replies View RelatedI have a form that contains around 20 input elements,
they have some onclick event on it.
I would like to know how can I get the form element index when the
onclick event fire.
I found no property or method to do so.
I know that it may be better to use the .each() function for this but I can't figure out how to iterate over elements that or not children or siblings of $(this). I have this code, and it works fine:
$('#button1').hover(function(){ $('#pres1').css('opacity',1.0).siblings().css('opacity', 0.0); });
$('#button2').hover(function(){
[Code].....
But that doesn't seem to work for some reason. I can't figure out why (still early days in JavaScript for me).
I want to loop through my elements using a delay. How can I do that? [code]...
View 1 Replies View RelatedCan 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]...
how I would be able to convert a string of html into a series of div elements that I can iterate through and perform jquery functions on, specifically .hide() and .slideDown(). For example, I retrieve a string from a jquery ajax call of html that looks something like this,
<div class="post" id="post2918">
<div class="header">
Some Text
</div>
[Code]....
I tried
[Code]...
it only alert "XXX" nothing else !!! any idea about this. My journey till now is difficult in jquery
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 RelatedOn my site, I have some click-able spans (will be referred to as toggle spans) that show or hide other spans (that contain the content I want on my site; will be referred to as content spans). The layout of these spans is like this:
[Code]...
I am trying to make some changes in Prestashop, an ecomerce platform that make use of jQuery library.
I just found out the way they do the onmouse over efect for the different pictures of a particular product.[code]...
I have a form element that looks like this:
<input type="text" onchange=doSomething(this)>
and a function:
function doSomething(theField){
}
I know that within the function I can access properties of the field (e.g. theField.name and theField.value). But how do I access theField's index number in the form's elements[] array -- from the "this" reference that was passed to the function? I.E. if this field is elements[3], how can I get at that 3?
Ok so I have these elements on my page:
<input type="text" size="5" name="val[]" value="'.$NotaMaxima.'">
I want to loop through each one and take their number add it to another number set in a variable elsewhere and then alert that number.The amount of these elements on the page changes constantly, so I can't count on that. It has to loop through each one to find the values.I tried this:
var els,i,asig;
els=document.getElementsByTagName('val');
for(i in els) {[code]..........
I can have a unlimited set of list items and form fields (limited) in li:
<li id="apr1">
<textarea class="thisistext">blablabla
I am trying to get the index of a li with a specific class. I know I'm selecting the right object because I can apply a CSS class to it (eg change border colour) but when I try to get the index it returns -1. But I know the object exists as I can alter it. :-s
jQuery(document).ready(function() {
var active = $("#tertiarynavigation .bordered").get(0);
var num = $("#tertiarynavigation li").index(active);
alert("Index: " + num);
[Code]......
I have a dynamicly generated form (well the elements are at least) that looks something like this:
while( not end of returned records):
<input name="plan_id[]" type="checkbox" id="" value="<?=
$row_plans->planid ?>">
<input name="num_of_pockets[<?= $row_plans->planid ?>]"
type="text" id="num_of_pockets[]" value="<?=
$row_plans->num_of_pockets ?>" size="5" >
endwhile;
Basically it loops thru the table and creates a row of fields in the form that use the array identifiers '[]' so that I can loop thru them with PHP when the page is submitted.
The key for each array element is the id of the row from the database. So checkbox[] (with value "1") and cost[1] are on the same line in the form. The next line may not necessarily have cost[2] in it, it may be cost[3] or [4], depending the id from the database.
Is there some way I can loop thru these form elements in javascript?
I have dynamically created divs. Their ids all start with 'info':
<div id="info1a"></div>
<div id="info1b"></div>
<div id="info2a"></div>
<div id="info123456"></div>
I need a function to loop through all those ids starting with 'info' to put the display property to 'none'.
Code:
document.getElementById(startWithInfo).style.display='none';
Is there any way I can do that withoput having to specify the full id for every div that starts with 'info'?