Getting href value in a deeply nested gallery
You need to select the last .slides element. You could use: Example Here var latestUrl = $('#slider .slides:last').find('a').attr("href"); console.log(latestUrl); Alternatively, this would work too: Example Here var latestUrl = $('a', '#slider .slides:last').attr("href"); console.log(latestUrl); While using $('.link:last').attr('href') may work given the HTML you provided, it wouldn't work if there was a...
jQuery on click of won't run function
Why don't use just simply toggle the child list? $(".menu-item-has-children").click(function() { $(this).find(".sub-menu").toggle(); }); /* Default is to hide sub menu */ ul.sub-menu { display: none; background-color: orange; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <li class="menu-item-has-children"> <a href="#">emerging market</a> <ul class="sub-menu"> <li>[sub menu stuff]</li> </ul> </li> ...
Click Label if checkbox prop check is true
javascript,jquery,checkbox,siblings
It sounds like you want something like this: $('.featureCheck').change(function() { if (this.checked) { $('.featureCheck').not(this).filter(':checked').closest('.featureLabel').click(); } }); So if you check a checkbox, find others which are checked, and trigger the click event on their parent label...
Wrapping groups of adjacent siblings
You have good working solutions for #1 and #2: $('#container').find('div.grid-4 + div.grid-8').each(function () { $(this) .prev() .andSelf() .wrapAll('<table width="100%"><tr><td></td></tr></table>') .attr('class', ''); }); andSelf() is deprecated, so use addBack() instead. You can simplify it a bit: $('#container div.grid-4 + div.grid-8').each(function () { $(this) .prev() .addBack() .wrapAll('<table width="100%"><tr><td>') .attr('class', ''); }); The...
XPath: how to select node that have a sibling containing text?
At this time I use xsl:template with match=w:tr[contains(.//w:t,'dataIdentifier')] Try instead: <xsl:template match="w:tr[.//w:t[contains(., 'dataIdentifier')]]"> -- Note: if the full path to w:t is known, it would be better to state it explicitly: <xsl:template match="w:tr[w:tc/w:p/w:r/w:t[contains(., 'dataIdentifier')]]"> ...
how to select the first child of the first siblings of a li?
Whatever the parent of the first ul is use that and then > (this means immediate children, learn more here). Like so. body > ul > li:first-child { background-color: rgb(236, 236, 236); list-style-type: none; margin-bottom: 3px; padding: 8px; } <ul> <li>to be selected</li> <li></li> <li> <ul> <li>not to be selected</li>...
create nested divs with siblings using jquery
javascript,jquery,html,nested,siblings
Edit, Updated Try var container = $("<div>", { "id": "nestedAccordion", "html": $("<h2>", { "text": "Walt Disney World" }) .add( $("<div>", { "html": $("<h3>", { "text": "Magic Kingdom" }) .add( $("<div>", { "html": $("<ol>", { "html": $("<li>", { "text": "one" }) }) })) .add( $("<h3>", { "text": "Epcot" })) .add( $("<div>",...
How to invoke a function from both an outside and a sibling function in javascript / google app script
javascript,function,google-apps-script,parent,siblings
create a reference to a variable self, assign to this at the top of the function body function level1Function() { var self = this; this.level2FunctionA = function() { console.log('hi'); } function level2FunctionB() { self.level2FunctionA(); } this.level2FunctionC = function() { level2FunctionB(); } } ...
Targeting siblings using css and pseudo elements
css,html5,pseudo-element,siblings
You need to avoid the li elements creating a stacking context. Avoid setting a numeric z-index on them, and set it instead to auto .step-form li{ float: left; margin:0 5px; text-align: center; position: relative; z-index: auto; // change this } fiddle...
Setting different margin to the li first child based on the number of list elements [duplicate]
html,css,css-selectors,siblings
DEMO styles can be applied to the children nodes based on the number of siblings they have. html <ul> <li>one item</li> </ul> <ul> <li>two items</li> <li>two items</li> </ul> <ul> <li>three items</li> <li>three items</li> <li>three items</li> </ul> <ul> <li>four items</li> <li>four items</li> <li>four items</li> <li>four items</li> </ul> css li:first-child:nth-last-child(1) {...
AngularJS Transition to sibling of abstract state from sibling
angularjs,nested,angular-ui-router,state,siblings
Sometimes it is a typo, sometimes... some hidden setting. The best you can do, is to observe this working example, which I created based on your scenario. The point is, that I used your definition 1 : 1 - and it is working var app = angular.module( 'app', [ 'ui.router'...
Altering one element's position with the hover state of another
Like ralph.m mentions, you're better off the using ::after pseudo element. Check out this example: http://jsfiddle.net/scottmey/PhZ7x/2/ Hopefully this points you in the right direction. .comment { position: relative; display: inline-block; width: 620px; vertical-align: top; padding: 3px 10px; background: #435C6E; margin-bottom: 15px; margin-left: 10px; } .comment:hover:after { content: ""; position: absolute;...
Hover on text with sibling selectors
jQuery solution I added .hover class in CSS .hover { background:beige; } And a bit of JavaScript logic: $(document).ready(function() { var left = $('.left span'); var right = $('.right span'); left.hover(function() { right.eq($(this).index()).toggleClass('hover'); }); right.hover(function() { left.eq($(this).index()).toggleClass('hover'); }); }); ...
Create siblings SSAS
ssas,parent-child,hierarchy,siblings
The feature you are referring to is called dimension writeback but it is not available via Excel. see here...
How do I set state of sibling components easily in React?
The parent component should pass a callback to the children, and each child would trigger that callback when its state changes. You could actually hold all of the state in the parent, using it as a single point of truth, and pass the "selected" value down to each child as...
racket: counting number of siblings
list,tree,nested,racket,siblings
Your code has to do two separate things: Find the branch that contains n Count the number of siblings in that branch, accounting for the possibility of other branches starting there. Finding the branch that contains n, assuming that n can only appear once: (define (find-branch root n) (cond ((empty?...
target first sibling of every group of elements with similar class
jquery,wrap,siblings,jquery-traversing
You could use :first-child: $('.bar:first-child').wrap('<div class="test"/>'); ...
XPath: Select child based on siblings where there are 'twins'
Try this: /config/environment/loc[text() = 'eu']/following-sibling::url or this: /config/environment/loc[text() = 'eu']/following-sibling::url[1] ...
Set div's height like height of next sibling div with jQuery
You can pass a callback to the height method, inside which this will refer to the current toggle-info element so you can use $(this).next().outerHeight() inside the callback to get the height of the next sibling $(document).ready(function() { $(".toggle-info").height(function() { return $(this).next().outerHeight() }); }); .toggle-info { float: right; width: 50px; text-align:...
CSS :valid :invalid behaves different when using the sibling selector in IE
css,internet-explorer,siblings
This seems very similar to :empty pseudo class issue with added/removed content and sibling combinators (this one is however for the + combinator and the :empty pseudo class). However a similar fix would work, namely add an infinitely looping animation on the .test element - add this at the end...
.find() vs. .siblings() to sift through AJAX results
Let first note the main difference between siblings and find. Find search for descendant while sibling get same level nodes. Knowing that should give you insight on what the problem is, right? Well, .find will not find your element if has no parent while .siblings will not find any element...
Styling checkbox if following other checkbox
In this case, the <br> tag is the adjacent sibling. You'll need to use the general sibling selector, ~, to select the sibling <input>. input[type="checkbox"] ~ input[type="checkbox"] { margin-top: 12px; } ...
Oracle Sibling Structure
oracle,siblings,connect-by,hierarchical-query
I get both rows with your last query as expected: SQL> SELECT * FROM SIBLINGSTEST 2 START WITH (col1 = 3 or col2 = 3) 3 CONNECT BY NOCYCLE ( 4 (PRIOR col1 = col1) or 5 (PRIOR col1 = col2) OR 6 (PRIOR col2 = col1) or 7 (PRIOR...
Riak sibling creation in erlang
Depending on what is already stored at the key, and what vclock is included with each put request, the value count may be 1,2 or 3. Assuming no partition event (i.e. non-failure case), each put will be coordinated by one of the primary vnodes in the key's preflist, and if...
Is it possible for CSS to select both siblings and descendants? [duplicate]
This is completely impossible. You cannot select a parent element based on its children....
how do I call sibling functions in a singleton class?
javascript,object,singleton,siblings
this (and hence self) simply refers to the global object (i.e. window). That's why you get the error, there is no global add function. I recommend to read the MDN documentation to learn how this works. One solution is to keep a reference to the object you are returning and...
MATLAB - XML Find sibling element
You can find the following sibling like this : /LMS/StressGradientCorrection/Gradients/Gradient/Curve/Point/NormalizedGradient[@Value="0.01"]/following-sibling::ReductionFactor/@Value ...
Selenium with Python: how to click preceding element
Try the below xpaths: 1- For clicking on the "<" arrow: //td[contains(text(),'Today')]/preceding-sibling::td[1] Above xpath locates the first preceding "td" element to the "td" element that has innerHTML/text as "Today". 2- For clicking on the "<<" arrow: //td[contains(text(),'Today')]/preceding-sibling::td[2] Above xpath locates the second preceding "td" element to the "td" element that...
XPath. Getting specific siblings
notice that there is another tag inside td before getting to the searched text, so you can either search directly: //tr/td/font[text()='USD']...... or //tr//font[text()="USD"]...... in any case you will then go one level up using .. much like when browsing the file system. well, and there is another tag hiding there...
Find an element in the nearest cell (td) using jquery?
javascript,jquery,html,function,siblings
Since you are using jQuery use it for event handles as well jQuery(function($) { //use jQuery event handlers $('.A').change(function() { //find the element in the same row and update $(this).closest('tr').find('.B').val((this.value / 2) || 0) }); $('.B').change(function() { $(this).closest('tr').find('.A').val((this.value * 2) || 0) }); }) <script src="http://code.jquery.com/jquery-latest.min.js"></script> <table> <tr> <td> <input...