I am trying to get a href attr from variable msg. The problem is that the msg consists of not only <a element but it contains also <p element and because of that attr doesn't give any value.
var msg="<p><a href='/users/'>Username</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
var href=$(msg).attr('href');
how I can get the value of href from the above example?
I was following an example on youtube discussing the load() function which show you how to load content from a different page and this work great.
However in my quest to learn jquery I came across a different sample from wait-till-i.com which show you how to use a reusable code for multiple link with load($(this).attr('href') );
So my question is how can I add .secondList li:even' to select only what I need as in load($(this).attr('href'+ .secondList li:even')); assuming I have several page and all have a secondList of some sort.
I'm trying to replace the value of href attribute of an element with the title attribute of that same element. The code pasted below works to some extent, but the last line doesn't.
jQuery(document).ready(function(jQuery){
jQuery(".ngg-gallery-thumbnail a").each(function (arr){
if (jQuery(this).attr("alt").substr(0,5)=="Video"){
jQuery(this).attr("rel","wp-prettyPhoto");
[Code].....
I'm trying to add a class to a <li> where the href within it contains a string. I can apply the class to the anchor without a problem, but I can't seem to select the parent. Is an anchor a child? <li><a href="random.xls">Random Stuff</a></li>
In this case, since the href contains .xls, I'd like to be able to add a class to it. I've tried a variety of things, most recently this, but no luck: $('li has(a[href$=".xls"])').addClass('excel');
i have the following html:
Code HTML4Strict:
<div class="pagination">
<a href=".... ?page=1">...</a>
</div>
I need to append to each href some values to query string like this ...?page=1&field=xxx.
I tried this:
Code JavaScript:
$.each('.pagination a',function(){
(this).attr(href).append('&field=x');
});
but it does nothing.
When I click the name, I should go the particular page about that person.
<script type="text/javascript">
if (window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.onreadystatechange=verify;
xmlDoc.load("a.xml");
[Code]....
I'm using the following code (simplified version) to call a Json file, parse it and on each iteration, create a div with an ID of "tab". I'm using this with jQuery UI .tab() to create a listing with entries which have three tabs. Anyhow, the principle seems to work except that when I examine what's happening behind the scenes using Firefox console, I see that each href in the html code produced is causing the Json function to re-fire using the href as it's url target.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
[Code].....
I've been using 1.3 which allows me to query non-standard attributes on tag. On an anchor I set a value="" attribute and was able to say (in an onclick binding) $(this).attr('value') to get the value. This no longer works with 1.6. Is there another, better way to do this?
View 5 Replies View RelatedIf the element i'm getting has an attr that contains string like this....
<span names="Joes|Joe's">Joes|Joe's</span>
When we get the contents of attr st, there is an error because of the ' in they're.
I have json object:
var heightwidth = '';
if (isit) {
heightwidth = { width: 184, height: 135 };
[code]....
I have a suggestion based on the assumption, which I think is correct but feel free to prove me wrong, that the .attr() method returns "undefined" in two different cases:1) when the attribute is actually not present in the dom element2) when it is present but it has no value, think for example <input type="text" disabled/> which I not is not standard HTML but I've seen it pretty often...wouldn't it be better to return undefined only in the first case, and return null in the second case? In this way, it'd be clear that the attribute is set but no value is specified.
View 2 Replies View RelatedI'm getting all kinds of errors, no matter where I put the parenthesis: This all works without trying to find the attr. So, I am trying to slide a ul menu that has a parent anchor with an id of "A". $(("#VerColMenu > li > a").attr('id')=='A').find("+ ul").slideToggle("slow");
View 4 Replies View RelatedI have two img tags and a jquery script which changes the value of the src attribute of each one picked from an array of images and alternatively set the display to block and assign a decreasing z-index.
The problem is that when the hidden image pops up, it seems as if, at first, set the css display to block and then change the source of the file as, for a second, it hangs to the previous loaded picture. Well I thought it was easy to manage by setting a delay but instead seems not to do anything. And then with a setTimeout but it doesn't work as expected..
[Code]...
Not really sure how the best way to start explaining this, but I have a small script set up that activates a second section to an accordion to display information. The idea is that a table cell will be clicked and then the second according will activate displaying information relating to the cell that was clicked in accordion part 1.
I have managed to get it to update coding in the var's by hand, now I want to be able to get certain bits of information from a nested div that is hidden in the table cell (I know, very messy - but it will all be made a little less messy in the future when I have got the process correct).
[Code]...
I've made a script to highlight an element when you rollover on another one.
// Highlight thumbnail on roll over post list item
$("#sidebar-left .left-col2 a").live("hover", function(){
var title2 = $(this).attr("title");
alert("title : " + title2);
[Code]....
My problem is that the script works fine but unfortunatly just for the first li element that I rollover...
How can I make it for each one?
I have a chunk of XML. An example would be:
<Input minOccurs="1" maxOccurs="1">
<ns1:Identifier xmlns:ns1="http://www.opengis.net/ows/1.1">DATASET_URI</ns1:Identifier>
<ns1:Title xmlns:ns1="http://www.opengis.net/ows/1.1">DATASET_URI</ns1:Title>
<LiteralData>
<ns1:DataType xmlns:ns1="http://www.opengis.net/ows/1.1" ns1:reference="xs:anyURI"/>
<ns1:AnyValue xmlns:ns1="http://www.opengis.net/ows/1.1"/>
</LiteralData>
[Code]...
Edit: Changed dataType2 usage in 3rd line to be a regular variable and not a jQuery variable. Also, this seems to not be working in jQuery 1.5.2 either and only for Opera. I had originally thought this was working for 1.5.2 but I just re-tested and it is not. What happens is that dataType2 is undefined after the call to pull the attribute. I've also now tried .attr('[nodeName="ns1:reference"]') as well as using the same with .prop() in jQuery 1.6.1
Here is the code
$(document).ready(function(){
$('img').attr({onclick: "Image_Click(src)"});
$('img').css("cursor", "pointer");
});
[Code].....
This works in Firefox but will not in chrome. In chrome the .css works and changes the cursor to the hand on hover however .attr does not work it doesn't put the onclick attribute on any of the images.
I am trying to set an html attribute after an AJAX call. Works great on the initial tab I can't get it to work on the rest [code]...
View 1 Replies View RelatedI'm trying to "turn" the border for input fields on (or off).In my css I have border-style:none, and I want to turn the border backon if the first input is empty.
$("input[type='text']").each(function() {
$(this).attr("border-style", "inset");
});
[code]....
jquery and am trying to set the class value on a td cell. It looks as though it is crashing on setting the attr value. This is effectively what I am trying to do.
// get my row
var row = $("#tableID").find("tr:eq(0)");
// get the cells in this row
[code]....
I know this is probably super easy....but how does one extract var_1 & var_2 out of this?
<input type="checkbox" name="checkbox[var_1][var_2]" />
I am using the "FancyBox" script to load a larger photo, plus information about the photo into a window, ontop of the window.... which works great. However I need to pass the id (or other unique value) to the javascript so it can pass it on and get the right image and info.
My photo gallery thumbnails are loaded via ajax as well using the $.(#alpha).live('click') method, which should allow me to use jquery on the loaded info (as it has let me in the past).
After I load my gallery it looks similar to:
<div id="photo_gal">
<div class="picture left" style="height:160px;"><a id="e1" class="the_elevators" href="#1"><img src="thumb.php?im=photographs/c/carrot2.jpg" alt="Carrot River, Saskatchewan" /><br /><div align="center">Carrot River<br />Saskatchewan</div></a></div>
<div class="picture left" style="height:160px;"><a id="e2" class="the_elevators" href="#2"><img src="thumb.php?im=photographs/c
[code]....
I have following HTML code:
Code:
<div id="nav" class="width_main last">
<ul>
<li><a href="#" id="nav_home">HOME</a></li>
<li><a href="#" id="nav_about">ABOUT GP</a>
[Code].....
I am using the JQuery cycle plugin that lets me use buttons to fade in and out between different content. The structure is as follows:
HTML Code:
It all works fine but now I need to change the second <a> above, or specifically its ID from "middle1b" to "middle1" on the fly. I'm trying to do it via the method below but somehow JQuery isn't finding the second <a> and hence it can't change it's ID from "middle1b" to "middle1".
Code:
I need to change the link's ID so the hover button image is different as this is necesary to blend it in with the content above it.
I'm sure this has been answered several times before, but I haven't been able to find a post that addressed this issue, so here goes. I'm trying to access a <div>s title attribute. Problem is, it isn't escaping the / character. So for example, if the title is "Emergency/Disaster" it returns "Emergency". I'm using $('#div').attr('title').
View 2 Replies View RelatedI have a problem with attr() function.I made my own lightbox and with jQuery 1.4.x it works nice. But now I use 1.7 and there is a problem. When I called attr in 1.4 $(element).attr("rel") when element hasn't rel, it returns empty string, but in 1.7 it returns undefined.Why? I read a changelog and I didn't find any change at that function.
View 2 Replies View Related