My DOM structure in HTML page have some elements 'IMG'. One of 'img' element have attribute 'src' = 'lolo1.jpg'. How can i find the 'DIV' element with this specific 'img' element inside? I have to find nearest 'DIV'.
[Code]...
I wanna write function like a GetNearestDivID('lolo2.jpg') which would give me result 'mix2'
My question is quite simple with an example:
[Code]...
i have a menu generated by a list with nested lists. i want the parent link to stay highlighted when the mouse hovers over the sub menus. because those sub menus are also generated by jquery (qtip), CSS alone won't do it (triedul.topnav li:hover a {background-color: #F00;}).is there a way to do this using jquery?
View 15 Replies View RelatedHow can I find if each of the <p> tags contains <img> tag, then style the <p> tags which contain <img> inside them?
I have pre-set all <p> will have this style,code...
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 have got about 50 definition lists on one html-page witch all look linke this:
<dl>
<dt class="title">aaa</dt>
<dd class="subtitle">bbb</dd>
<dd class="city">ccc</dd>
<dd class="email">ddd</dd>
<dd class="website">eee</dd>
<dd class="description">fff</dd>
</dl>
if the dt-element in one of the definition lists has a specific css-property (e.g. length > 100px) then the dd-element with the css-class "subtitle" in the same definition list should be removed.
How do I find specific element id for "mod_?" when using JQuery
Code below, as you can see all the <span> are hidden.
For example, if I moveover do_2 then id mod_2 should display. How can that be done?
Code JavaScript:
<div class="task">
<div id="do_1" class="tasklist"> Task One <span id="mod_1" style="display: none"> Moderator </span> </div>
[Code].....
Scenario: you enter "foo bar" into a text field... Is it possible
through javascript to select/highlight just "foo"?
formObject.select()
selects all. I need to select only part of the string.
Below is HTML
<DIV class=info-box>
<DIV class=info-list>
<UL>
<LI>Author <SPAN></SPAN></LI>
[Code]....
I want hidecurrent LI element if SPAN doesnot contain anytext, Author doesnot having value so that will be hidden.
I have a problem with selecting certain elements with jquery.I have a "newsfeed" where I have a lot of these tables:
Code:
<table class=newsfeed_table>
<tr>
<td class="newsfeed_table_icon"><img src="/CodeIgniter/verkstad/icons/nf-msg-cr.png" alt=""/></td>[code]....
It's basically just a table containing a message, who wrote it and when.I'm trying to build a function that filters what types of posts are visible in the newsfeed. So by clicking a button I want to be able to filter out the "message"-post or the "sale-alert"-post.Only way I can see which type of post it is, is by looking at the image source in the table. So depending on what that is, I want to set the table to display:none.
But I've been looking into the jquery selector a bit but I can't make it work. I've tried with .each(function and child selector...
I had to restructure my XML data on my project and now my code does not work. Before the xml was structured like this:
<project><copy></copy><image></image></project>
Now it is:
<company><project><copy></copy><image></image></project><project><copy></copy><image></image></project><project><copy></copy><image></image></project></company>
This used to work to grab the image and copy, (this) being the 'project' element:
text = $(this).find("copy").text();
photo = "imgs/work/" + $(this).find("image").text();
Now, since there can be multiple 'project' elements inside a company element I have a counter that tracks which index I should be on, but I don't know the syntax for getting project(2) image and copy within a company. I tried the following code using eq, but it's not working.
var currCompanyProj = 1;
text = $((this).project.eq("+currCompanyProj+")).find("copy").text();
I'm relativly new to JS and brand new to the forum so you might need to dumb down your replys for my slightly lacking knowledge. That being said I do have a very solid grasp of html, css and am getting there with JS and its various frameworks.I'm integrating wordpress into an existing site for a friend and currently have the main blog page appear in a DIV.This is the best way to integrate in this case due to many reasons mostly of way the site is constructed.
<div class="scroll-pane" id="scrollbox">
WORDPRESS BLOG
</div>
[code]....
is it possible to do document.getElementById("id-1").document,getElementById("id-2") in order to access an element inside another element
<div id="id-2"></div>
<div id="id-1"><div id="id-2"></div></div>
... i want to access the second element with id "id-2"
How do I get the results from the For Loop into the red div from this point?Also, does it appear that I'm thinking about this problem correctly?
HTML Code:
<html>
<head>
[code]....
How can i find out the div element with in the Div?This is my aspx Page CodeThis is for Fixed Table Header when table has thead and tbody tags
<div id="gridDiv" class="fullScreenTable">
<asp:GridView ID="gvMyRecipesData" runat="server" AllowSorting="true" ShowHeader="true" >
</asp:GridView>
[code]....
I started working with JQuery. Mmy first function comes here:
<script type="text/javascript">
$(document).ready(function(){
$("li").hide()
$("li.um-gallery-1st").toggleClass( "big" ).show()
$("li.um-gallery-1st").next().toggleClass( "small").show()
$($this).next().toggleClass( "smaller").show()
});
</script>
How do I select the next element after next? In that case the third.
I'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 RelatedThis is probably a dumb question (noob) but I cannot seem to find the answer, either here or on StackOverflow or even Googling...
All I want to do is, when clicking on an element, find any other elements with the same class name (and show/hide or do something with them).[code]...
But I need the class name to be a variable so this function is reusable.
What am I doing wrong?
<html><head>
<script src="jquery.js"></script>
<script type="text/javascript">
addIframe = function() {
$('body').append('<iframe>');
} appendIframe = function() {
$('iframe').contents().find('body').append('appended');}
</script>
</head><body>
<button onClick="javascript:addIframe();">addIframe</button>
<button onClick="javascript:appendIframe();">appendIframe</button>
</body></html>
Now this work perfectly fine with jQ 1.6.2, but does not work with 1.4.2 because 1.4.2 does not yet know .find(element).
I want to find the parent element of some element.
$("tr input").each(function (i) { //loop input elements within tr's
if(this.name == "cid[]"){
//checkbox
[code]....
I have an input box with an id. I also have a jquery hotkey plugin which fires when I press F8 in this case.
$(document).bind('keydown', 'f8', function (){
//do stuff here
return false;});
The hotkey works just fine. (ive tested with alert boxes). What I am trying to do is find the cursor location (and then the elements id) when the f8 key is pressed. or...
I want to find which input has focus on keydown.
I'm having problems selecting a specific index of an element in an array.
Here's the HTML code : (assuming there are 10 of them)
<div class="share-plus-container">
<span class="share-plus-link">Share [+]</span>
</div>
<div class="clear"></div>
<div class="right share-plus-box">
[Code]....
So the output that I should be expecting is that in an array of div's containing "share-plus-container" and its children, upon hovering the "Share [+]" link, it should display the "share-plus-box" div of that specific link.
I have a div with several classes on, like this:
<div class="class-one class-two special-class"></div>
I want to get the class that starts with 'special' and store it in a variable...but I am having trouble doing this...I can get as far as storing all of the classes in a variable:
var myClasses = $(this).attr('class');
...but I now need to extract just the one class that starts with 'special'...
How can I select red-marked TR ? by one $("") and without loop of course
<table>
<tr>
<tr>
<tr>
[Code].....
I want to start traversing backwards from the previous sibling of a specific div element. I've tried something like this but it does not seem to work because it's only selecting the specific div:
var start = $("#specific_div").prev("div"); // start from the previous div sibling of the "specific div"
jQuery.fn.reverse = Array.prototype.reverse;
start.reverse().each(function(i, E){
console.log(E.getAttributeNode("id").value);
});
[Code].....
I'm having trouble finding the image element by attribute "MyAttr" whose value is supplied: when the "onclick" function is called:
<div class="MyImages">
<div class="imageClass">
<img ... myAttr="abc"/>
</div><div>
<img ... onclick="findTheImageObjectByMyAttr("abc");" />
</div><div class="imageClass">
<img ... myAttr="def" />
</div><div>
<img ... onclick="findTheImageObjectByMyAttr("def");" />
</div></div>