JQuery :: Using Variables Inside Selectors?
Jul 15, 2010there,is possible to do some math in this type of selector:
$( ' li:eq (0) ' ) like this $( ' li:eq (some variable + 1 ' )
there,is possible to do some math in this type of selector:
$( ' li:eq (0) ' ) like this $( ' li:eq (some variable + 1 ' )
Can I do this:
function showDiv(curEl){
hideDiv();
$(curEl).css("visibility","visible");
}
What I'm trying to do is quite simple but as a beginner I'm getting incredibly frustrated with it. Here's my first attempt. I plan to do something a bit more fancy with the images, but I could see straight away that this wasn't the solution. Mouseover was changing the image before it had faded out and looked horrible. So, I thought I might put all the images in the same place and hide them, making them visible and bringing them to the front on mouseover of the corresponding hotspot.
[Code]...
I have a complex JS object. It manipulates the page DOM. Inside it I have many repetitive selections spread across functions. I would like to cache the selectors to enhance performance. How do other people do this? I can cache on the function level but not the object. When I try to cache on the object level I seemingly end up with stale selectors that while defined don't actually work.
My gut is that I can only cache on the function level?
what I have read does not deal with caching inside a JS object.
I'm trying to create a list of recipes which will on document ready all be hidden except the first one. And then when I click one of the dynamically added links (in a ul) in the sidebar I want the corresponding recipe to go from hidden to shown. I've managed to do everything really simply except I have no idea how to find the corresponding recipe when I click a link in the sidebar (the links link to the recipes with #recipe<number>)
$(".post").hide();
$(".post:first").show();
$("a[href*='#recipe']").click(function() {
$(".post").hide(600);
});
Somehow I need to access the id of the specific recipe, which I suppose should be possible since the clickfunction should store that somehow?
EDIT: I just realized that I could just use the href value as my id for the recipe (since its the same e.g. #recipe). However I'm having trouble using the variable that stores the href/id in the .show function.
$("a[href*='#recipe']").click(function() {
$(".post").hide(600);
var theHref = $(this).attr("href");[code]....
I've attached a cut-down version of a script I am working on. It's a pretty simple button with a function attached, which creates a random number and compares it with a preset value.I can't seem to get the function to read the variables
Code:
#<html header>
<script language="javascript" type="text/javascript">
[code]....
we have a list of names, generated by parsing an array JS source file.The site and the main page is ASP, linked to a Database.Is there a way to store the JS-generated text, inside the Database?To be more clear:Code:
<!-- excerpt from mypage.asp -->
<script type="text/javascript">
// VariableNames are an array result, but here we list a simple example:
[code]....
I've always wonder if there is diference when declaring and
initializing a varible inside/outside a loop.
What's a better practice?
Declaring and initializing variables inside a loop routine, like this:
for(var i=0; i<list; i++)
{
var name = list[i];
}
or outside a loop routine, like this:
var i;
var name;
for (i=0; i<list; i++)
{
name = list[i];
}
or are both the same....
As a programmer, i always try to practice good programming. I always
thought that by declaring and initializing the variable inside the
loop, i was creating a new memory space every time instead of just 1
time...
What do you think?
How can i select immediate children of an element only. Like i have
<div class="widget">
<ul>
<li><a href="google.com">Google</a>
[code]....
Writing a sortable list function. My <li> elements contain several items (headings, paragraphs etc) and I want to add a class to the headings when they've been sorted. I have this code in my sortable init:
receive: function(event, ui) {
$(ui.item).addClass('editable');
},
This adds class="editable" to my newly-sorted <li> element - cool. What I want, though, is to add this class to the <h3> within my <li>. I tried:
receive: function(event, ui) {
$(ui.item + ' h3').addClass('editable');
},
but this just gave a syntax error.
I found that certain selectors work in all browsers except IE 8 and they need to modified. This selector pattern seem to work well in all browsers, including IE 8: jQuery("input[class='class_name'][type='text']") But this identical selector works in Firefox, Safari but not in IE 8: jQuery("input.class_name:text") In IE 8 it returns a "property not found" javascript runtime error. I don't know whether that the actual issue or if it is a side effect of some memory leak.
View 1 Replies View RelatedI'm trying to test if certain radio buttons are selected, but the name varies. My boss is considering changing the names to further isolate them breaking the script as it works now. I'm trying to figure out how to test the new case just like it works now. Here's a link to my pastebin
View 6 Replies View RelatedI am trying to assign a click event handler to any of the <a> elements in the code below:
<div data-role="content" id="picSpace" class="ui-content" role="main">
<div class="ui-grid-b" id="gamePics">
<div class="ui-block-a">
[code]....
While trying to get a selector to work with ids that include square brackets, I searched the forum and found that I needed to escape the brackets with '\'. However, while this works with my fiddle: can't get the exact same selector to work within my page in either FF or Safari. I've triple-checked the id and it is correct; I know that jQuery is working on the page because changing the selector to$('.nameinput') gives the expected results. can't change the id because I'm working within an existing application; I know I could add a class to the input and use that as the selector instead. I'd prefer not to and would just like to figure out why this isn't working.
View 1 Replies View RelatedI have a page that has several embedded usercontrols with a popup reorderlist. Like
[Code]...
isthis the correct approach and if so what should the 'fld1' line look like to pull this data.
Is there a way to combine selectors with && condition. eg: $('.classname div[att=value]') Requirement is to select all div elements with class 'classname' and (&&)an attribute 'att' whose value is 'value'
View 2 Replies View RelatedI have the impression $('h1:after') e.g. doesn't work. How to manipulate these pseudo selectors with jQuery?
View 1 Replies View RelatedMy button when click call cal function, inside cal function I need to find parent so I can access other element, but I donot know how to pass parameter to Selectors/has(for some reason $("div :button").each(function()... no work here)
Code as below:
function cal(event) {
if (!event) event = window.event;
[code]....
I'm trying to do is simple "select all" checkbox script. The problem is, no matter what I seem to do, only first element is matched. $("input:checkbox").attr("checked", true); checks the first box only. Same with: $("input:checkbox").each(... I even tried copying this script directly from the jQuery documentation page: $("div").css("border","9px solid red"); It applies a red border to the first div on my page.. the example in the documentation applies it to all divs.
View 5 Replies View RelatedOk, this seems easy, but I am struggling. I have this...
$("a[href$='mp4']").click(function () {
But I want it to work for mp4 or mov or more. Something like...
$("a[href$='mp4'||href$='mov']").click(function () { <-- which doesn't work apparently
im currently creating a dropdown menu with an animation to it, my current jquery script is as follows
$(document).ready(function () {
$("ul.menu_body li:even").addClass("alt");
$('ul.menu_body, img.menu_head').hover(function () {
[code]....
Multiple selectors not working
View 8 Replies View Relatedi've been trying to figure the best method to achieve obtaining siblings between specific selectors. Let me be concrete with an example:
...
<tr class="rowTypeA">
...
[code]....
I am working on a customised scoresheet for a Bible Quiz group. Basically, I want to click on a box and have a box come up with options for correct and incorrect. I just want it to affect the score for that one box. However, if you click another box, it changes all of the boxes.[URL]..Click the 10, 20, or 30 in the top left corner. It should update the points under the 4. Click on any of the boxes assigned to a person on the grey line. A box should come up with a Cor (Correct) or Incor link. Click on either option. Then click on another grey box and do the same thing. I don't want all of the points to change when one person's score changes. Does that make sense?
[Code]...
I have an html file that looks like the following.
<div id="outline-container-1_1" class="outline-3">
<h3 id="sec-1_1"><span class="section-number-3">1.1</span> Counting </h3>
<div class="outline-text-3" id="text-1_1">
[Code]...
Is it common to use CSS selectors that are not defined in a stylesheet (or anywhere else) to identify HTML elements? When using jQuery in ASP.Net with controls that implement INamingContainer, all it's children's ID's are automatically generated based on the id of the child control and the id of the container control (such as the Panel control) so we couldn't simply use $("#myChildControl") for a child control with the id of 'myChildControl'. The resulting client id would be something like 'mypanel_mychildcontrol' and for autogenerated controls within grids/tables, the id's get even more complicated and should be 'guessed'. So, how does/would people identify these types of controls when there are no preset CSS selector's for them?
On the server side, we can use the ClientID to get the generated ID, but for some things, I just want to do this totally on the client side without messing with code-behind.