Let'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 RepliesThis one is throwing me off! Either I am making a stupid mistake or I'm doing it totally wrong I have an array, and I am trying to select unique values from it and assign it to another array. Here is the code:
Code:
var flag;
for (i=0;i<=pdfs.length-1;i++)
{
flag = 1;
for (j=0;j<=pdfs2.length-1;j++)
[Code]...
The problem is that the if (pdfs2[j] == pdfs[i]) statement ends up never being true. There are URL's to pdf files in the array. On the other side, if there is a much easier way to select unique values from an array, please feel free to point it out.
Im building a small feature where users can create a page. They select an element they would like to add from a select box. When they select it it is automatically appended into the preview div. The problem is that they can choose to add any number of divs, p,s etc to this preview div and i need a way of giving them all unique ids so i can use them later.
[Code]...
Suppose I have something similar to this HTML (this is not my exact HTML, rewritten to simplify):
<a onclick="ShowHide(); return false;" href="#">show/hide</a>
<div>
<div id="summary">Summary of info below</div>
<div id="enclosure" style="display:none;">Information</div>
</div>
<a onclick="ShowHide(); return false;" href="#">show/hide</a>
<div>
[Code]...
These DIVS are full of information populated from a MSQL db. So the DIV names cannot be unique. I have this jQuery code:
[Code]....
This code actually works perfectly except for one major headache. When I click the 'hide/show' link on any of these - the only one that hides or shows is the first set. After research I feel like I'll need to use the .parent() selector or (this) somewhere but I feel like I've tried every combination.
Are there limitation on what can be set for css styles? I have a script which sets a unique id but I wanted to turn user-select off for that item. I thought this would work:
var
id = 'wrapper_'
+(new Date().getTime());
var
wrapper = $('<div id='+id+'></div>'
);
$(id).css({'-webkit-user-select: none;'});
The error I get is:
Uncaught SyntaxError: Unexpected token }
I am probably going about this all wrong, but I'm not sure how to do this.Basically I need to create a unique variable name for each element that has the same class name and set each one to zero.I thought I could just concatenate the index value to a variable name to create unique names. Something like:
$('.toggle-trigger').each(function(){
var toggleTriggerIndex = $('.toggle-trigger').index(this);
var t + toggleTriggerIndex = 0;
[code]....
I 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 RelatedThere 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 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].....
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 RelatedI need to select the last children of parent elements
For example
<ul>
<li></li> <-This will have the background #1a
<li></li> <-This will have the background #1a
<li><ul>
[Code]....
So I would need the last children. If there is no nested element then that is considered the last child. I have to write a jquery script to apply a background to the last children. A nested element can have a nested element and then that element's children will be considered the last ones so they will get the background but not the parents of those children. If the item has no children then that item will have a background.
So there are 3 different backgrounds. Each letter a, b c will represent a lighter tone compared to the previous color. C is lighter than B, B is lighter than A etc. So this will have to be a "smart" system in which the ul li will be updated and depending if it is the last one inhierarchyit will not have the arrow.
I have an interesting issue. I use an old, CSS-style tabbed page that sets a style on a <div> containing an <iframe> to display:block if the tab is clicked, and display:none if the tab is not currently selected. This works fine and is not the issue, just background information....In one of the pages that is currently set to display:none, I remove all the options and add new ones based on a data return from an ajax query. If I do this in a more traditional direct DOM manipulating Javascript fashion, everything is OK and the select remains unseen. However, doing this using jQuery causes the select to appear and bleed-through to the <iframe> content that is currently visible.
document.forms[0].test_select.options.length = 0;
document.forms[0].test_select.options[0] = new Option("--- TESTING ---");
I eventually want to swap two elements. I've already determined the two buttons from each div. Now I want to swap the elements inside those two divs.
<script type="text/javascript">
var newcolorvalue = 0;
var starterPlayer = 0;
var benchPlayer = 0;
[Code]....
I have a multi select in a form and underneath this corresponding check boxes which are initally hidden.
What I wish to do is when the user selects or deselects an item in the multi select the corresponding check box is toggled to either show or hide.
I was imagining it would be something like this, I'm not sure what to put in place of the question marks. I've already tried click and select
$(document).ready(function() {
//Hide the checkboxes
$('#checkBox1').hide();
//When the user selects an option toggle the visibility of the checkbox
[Code].....
I have a problem with html select. i will be selecting an element from the select drop down, then i will click a button which will result in changing the position of this element with the element just above it. Is it possible, I am getting the element id, I thought of using replaceWith method, but its giving some error.
"uncaught exception: Syntax error, unrecognized expression: # ".
I also wanted to know if this thing is possible in jquery or not..