JQuery :: Get Value Of Custom Attribute From Parent

May 14, 2009

I have been learning jQuery and have been loving it so far. But can't figure out how to do the following...
1) Find the <a> inside a <ul> that has an active class.
2) Grab the value from the parent <li> and put it into a variable to be used elsewhere.

Here is the example markup...
<ul id="carousel">
<li class="carousel-item" carouselindex="1">
<a href="/someurl"><img src="/someimg" alt="" /></a>
</li>
<li class="carousel-item" carouselindex="2">
<a class="active" href="/someurl"><img src="/someimg" alt="" />
</a></li>
</ul>
So, in this example, I'd like to return a variable that = 2.

View 3 Replies


ADVERTISEMENT

JQuery :: Getting Value Of Custom Attribute

Feb 19, 2010

I'm using the jquery in place editor, and I need to get the value of a custom attribute in order to send it with the form. The jquery I have is as folder... (the bit I'm having trouble with is highlighted)
$(".edit").editInPlace({
url: "./server.php",
params: "folder=" + $(this).attr('folder')
//show_buttons: true
//$('.edit').attr('folder')
});

And the html is as follows:
<span class="edit" folder="folderName">text to edit</span>
As you can see, I need to get jquery to get the attribute 'folder' value, in this case the value returned would be 'folderName'.

View 2 Replies View Related

JQuery :: Custom Attribute In Serialized Array?

Aug 14, 2010

Is it possible to store other attributes than id and value of an input to a serialized array?Example:

html field:
<input type="text" name="NOT1NO" id="NOT1NO" value="1" custom="test" />

Using serializeArray creates array like

[
{
name: NOT1NO

[code]....

View 2 Replies View Related

JQuery :: Adding Custom Attribute Tags To HTML Elements

Apr 14, 2010

Here's what I'm trying to do:
1) I get reference to a div that's on my page:
var theDiv = $("#" + divID);
2) Now I want to add a custom attribute tag to it, so for instance I want to add "winWidth" so that the div object now contains "winWidth=" for instance.
3) I want to set winWidth now since it's part of theDiv to a value

I'm not sure how to really do 1 + 2. I need to do this on the fly because some javascript logic later will add these attributes dynamically to the div... outside of what the original div had...I don't care what it had, I know I have it now in a JS variable and now I want to both add some new attributes to the div, and then set them on the fly. I don't need these attributes to be on my page, I just need them added to my div variable reference.

View 3 Replies View Related

Set A Custom Attribute On Form Input Field?

Aug 19, 2010

I am trying to use SetAttribute to append a custom attribute to a form input. The code is below.

Code JavaScript:
function getpostdata(){
// Append the values[code].....

View 4 Replies View Related

JQuery :: Get Attribute Of The Parent Element Into A Variable?

May 8, 2009

but having fun with it. Would like tolearn how to do the following...2) Find the parent <li>.3) Grab the value of the attribute "jcarouselindex" and put it in avariable to be used elsewhere.Sample code below...

<ul id="carousel">
<li class="carousel-item" jcarouselindex="1">
<a href="/someurl"><img src="someimage.jpg" alt="" />

[code]....

View 1 Replies View Related

JQuery :: Get All Child Control ID Or Attribute Or Tag Name In Parent Div

Mar 25, 2011

I have a Div control d1and in this div I have furter div and span control.I want to get a list of all element in an array.

<div id="d1">
<div>
<div id="h1">
<div id="h2">

[Code].....

View 2 Replies View Related

JQuery :: Target Change Css Attribute Of P Tag When Hovering Over Parent Div

Jul 7, 2009

I have the following code

[Code]...

I have the .box class applied to a div basically I what to hover over the div change the background color of the div and at the same time change the text color of any text wrapped in p tags. I am getting close but with this code every instance of the p tag gets swapped out I need to know how to target only p tags in the div that I am mouseing over

View 1 Replies View Related

Code To Get A Parent Spans Id Attribute

Jul 23, 2005

I am trying to pass a value of a <span> tag's id attribute to a
function. The following code is a stripped down version of what im
trying to do:

<span id="6">Name: <input name="name" type="text"><span
onClick="dosomething(???);" style="cursor:hand;">Do It!</span></span>

Where there is a <span> tag with an event handler, onClick, i want to
replace the ??? with something that will get the value of the parent
span tag, which in the above case would be &#396;'. i dont want to simply
enter 'dosomething(6)' as the innerHTML of the <span> tag will swap
between other <span> tags with different attribute values. if the code
could also be relative if possible too.

View 2 Replies View Related

JQuery :: Setting 'class' Attribute In Bulk Attribute Syntax Without Quotes Breaks IE/Opera?

Jan 20, 2010

i have found a possible bug in 1.4 but it's only in Internet Explorer 7 & 8.The following code does not work and completely ruins every peice of jquery on the page (that means everything inside $(document).ready and anyting else...

$("<div/>",{
id: 'tooltip-'+rand,
class: 'dock-tooltip',

[code]....

I cant see any syntax errors - i pulled the example from the 1.4 site. There is no trailing commas in the object notation and i really cant see any reason it would work in firefox and not IEx and more to the point not only not work in IEx but break any other jquery in the entire page....

View 5 Replies View Related

JQuery :: Css Attribute Selectors No Longer Work With The '$' In The Attribute Value As Of 1.5+

Mar 4, 2011

I'm working with a large (and unweildy) ASP.NET application, and there is a lot of jQuery code that uses selectors like this:

[name=_aspnetControl$_withASubControl] And unfortunately, some selectors that also look like this:

[name^=_someAspNetControl$_radioButtonList].

In other words, the effort to remove the $ from the attribute selectors would be monumental. If it is possible to escape the $ symbols, I can do that easily enough, but unfortunately the situation right now means that I can't upgrade to jQuery 1.5.

View 2 Replies View Related

JQuery :: Finding The Value Of Attribute B In Elements Named Bar Where Attribute A Has The Value 30

Sep 1, 2010

I'm learning jQuery with XML. I'm familiar with other query languages such as XPath. I'm having a little bit of difficulty wrapping my brain around how jQuery works but I think I can make the leap if I see a solution to a problem I know how to solve with other methods Given the following XML, please share a jQuery solution to finding the value of attribute B in elements named bar where attribute A has the value 30:

[Code]...

View 1 Replies View Related

JQuery :: Element Overflows Containing Block When Parent Border/padding Change - Not When Parent's Margin Changes

Sep 24, 2011

Demonstration page: [url]

Adjust the CSS margins of the BODY element with the first slider. The yellow P (paragraph) element resizes to fit its smaller containing block, as I would expect.

Then, adjust the CSS border or padding of the BODY element with the second and third sliders. The P element does not resize, though its origin changes. Instead, it overflows its containing block.

Finally, adjust the margins again. The P element snaps back into its containing block.

As you can see from the source, this is jQuery 1.6.4 and jQueryUI 1.8 pulled from googleapis.com.

Edit: Client is Google Chrome16.0.889.0 dev-m.

View 2 Replies View Related

Difference Between Empty Attribute And Undefined Attribute

Apr 24, 2007

I'll trying to tell the difference between the following three cases:

<img alt="text string" />
<img alt="" />
<img />

I can do this in Firefox with the following code, where elem is the
HTMLElement representing each image, but IE doesn't seem to
differentiate between empty string and undefined.

var alt = elem.getAttribute('alt');
alt = (alt) ? alt : ((alt===null) ? 'really_null' : "");

The desired output from running this code on the 3 tags above is:

text string

really_null

It seems like this should be really easy...but I'm having a really
difficult time trying to figure out what's going on...

View 4 Replies View Related

JQuery :: Creating $("<select>", { Attribute Object }) Isn't Recognizing The Attribute Object

Apr 13, 2011

$(document).ready(function() {

The SELECTor shows up in the document but it's not MULTIPLE, no ALT text, no CLICK event handler.

View 3 Replies View Related

JQuery :: Set Up A Custom Queue?

Feb 21, 2010

I was reading about delay() in the API ref and it mentioned it used the standard effects queue or a custom queue, but didn't illustrate how you set up a custom queue.

View 2 Replies View Related

JQuery :: Creating A Custom Function On The Fly?

Jul 5, 2011

I was wondering if it is possible to do something like the following:

$
(
'div'
)

[code]....

Basically I often want to be able to directly start using the $(this) selector without having to use an existing function like .each().

View 3 Replies View Related

JQuery :: Check If A Custom Event Has Already Been Sent?

Oct 1, 2010

I'm trying to use some custom events but I don't know how to check if a custom event has already been sent.

I have a script "startup.js", which do some stuff then triggers a custom event "jobDone" on the body element (only one time) :

startup.js :
$(function() {
// do some stuff
$('body').trigger('jobDone');
});

[Code].....

View 6 Replies View Related

JQuery :: Custom Password Validation?

Sep 28, 2010

Has anyone performed or seen a customization of validatepassword? I'm looking to create a custom validation and don't know where to start.

View 5 Replies View Related

JQuery :: Custom Sort On A Column

Dec 31, 2010

I have a table that sorts in jquery and I have one column that I would like to always remain the same while the other columns sort around it. What I want is for the order of the column to always be Great, Bad, Failure while every other column can be sorted. What is the easiert way for me to do this?

View 1 Replies View Related

JQuery :: Custom Speed For Some Pics?

Jun 22, 2011

It's possible to set custom speed for each pic or for some pics?and How remove the frame

View 4 Replies View Related

JQuery :: Custom Themes Will Not Download?

Jul 6, 2010

I am having trouble downloading any custom theme that I create using themeroller on [URL] the session just hangs and then gives up once the download button is pressed.

this happens in ie 8 in windows 7 and Firefox 3.6 on OS X

View 5 Replies View Related

JQuery :: .each() Loop With Custom Function?

Aug 16, 2009

obvious...they're not necessarily obvious to me yet.I am writing some basic image gallery functionality, using my owndefined jquery functions.I am trying to use .each() to loop throughthe "image" tags of an xml file, and create a thumbnail for each ofthem. I want to catch the index of each iteration to create avariable I can use to match my thumbs with my full-size images...

$.fn.createGallery = function(){
//START GALLERY OUTPUT STRING
galleryOutputHTML = "";

[code]....

View 4 Replies View Related

JQuery :: How To Call Custom Function

Jul 23, 2009

I dont know how to call the custom javascript function with arguments

View 1 Replies View Related

JQuery :: Selecting By A Custom DOM Property?

Mar 14, 2011

i have a script, that adds a custom DOM property to <li> elements (.qqFileId=2 f.i.). Is it possible to select the list item with jQuery by the value of this property? $(...)

View 5 Replies View Related

JQuery :: Custom CSS - Slider Not Showing

Nov 19, 2010

I am new to using jquery plugins. I am using a slider but its not showing. My code is as below:
< html xmlns="[URL]" >
<head runat="server">
<title>Untitled Page</title>
<link type="text/css" href="css/themename/jquery-ui-1.8.6.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
<script> $(
function() {
$( "#slider" ).slider({
value:300,
min: 0,
max: 500,
step: 50,
slide:
function( event, ui ) { $(
"#amount" ).val( "$" + ui.value ); }}); $(
"#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
}); $(
'#slider').slider({
orientation: 'vertical'
});
</script></head><body>
<form id="form1" runat="server">
<div id="slider" visible="true"></div>
</form></body></html>

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved