jquery-traversing


Traverse up until some element

筅森魡賤 提交于 2019-12-22 05:01:32
问题 I have some element selected with jQuery selector. It is en element from list of elements with the same class ('my-elements'). Now I'd like to select element containing the selected one which is several levels above. How can I do this ? <div class="vote> (... several levels) <div class="my_element"></div> </div> the selector: var elements = $('.my_element'); var element = elements[0]; 回答1: The .closest() method should work (http://api.jquery.com/closest/): elements.closest("div.vote"); 回答2:

How to wrap multiple div blocks with different class names in jQuery? [duplicate]

烈酒焚心 提交于 2019-12-12 05:25:57
问题 This question already has answers here : Closed 6 years ago . Possible Duplicate: How to wrap DIV tags with different class names in jQuery? I have the following HTML blocks repeated in the document <!-- first block --> <div class="first"> My first div </div> <div class="second"> My second div </div> <!-- second block --> <div class="first"> My first div </div> <div class="second"> My second div </div> ... How can I wrap the blocks of Divs with jQuery to get the following result... <!-- first

Find all elements that have a certain data attribute (regardless of value)

拜拜、爱过 提交于 2019-12-11 03:37:19
问题 I have a form with a bunch of text elements, some of which have a data attribute set. I want to loop through all the elements that have that attribute, extracting the attribute. I've created a fiddle here. var textInputs = $(':text'); alert('found ' + textInputs.length + ' textInputs'); var datas = textInputs.find('[data-foo]'); alert('found ' + datas.length + ' datas'); I'm finding the text elements, but my selector on the data attribute is returning no elements. Ideas would be helpful...

Dynamically Add and Remove Table Rows

痴心易碎 提交于 2019-12-08 09:36:48
问题 I am both adding and removing table rows with jQuery. I can add rows easily, but am having trouble removing ones that were created. You can view the page in action here: http://freshbaby.com/v20/wic/request_quote.cfm, with the relevant code pasted below. HTML <table style="width:600px;" id="product-list" summary="Lists details about products users wish to purchase"> <thead valign="top" align="left"> <tr> <th>Products</th> <th>Language</th> <th>Quantity</th> <th></th> </tr> </thead> <tbody

Traverse up until some element

試著忘記壹切 提交于 2019-12-05 04:16:42
I have some element selected with jQuery selector. It is en element from list of elements with the same class ('my-elements'). Now I'd like to select element containing the selected one which is several levels above. How can I do this ? <div class="vote> (... several levels) <div class="my_element"></div> </div> the selector: var elements = $('.my_element'); var element = elements[0]; The .closest() method should work ( http://api.jquery.com/closest/ ): elements.closest("div.vote"); If I understand it correctly you want to traverse to div.votes from div.my_element Try this: var elements = $('

jQuery get id of element by searching for it by class

大城市里の小女人 提交于 2019-11-30 19:04:32
This is my html : <div id="my_box_one" class="head-div"> <div> <div class="some_box">a</div> <div class="some_box">b</div> </div> </div> I want to get the ID of the parent div("#my_box_one") using the class of that div(".head-div") $(document).ready(function(){ $(".some_box").click(function(){ var abc = $(this).parentsUntil(".head-div").attr("id"); // also tried $(this).parent(".head-div") -- same effect alert(abc); // Shows as Undefined }); }); I can do the following and it will work okay, but it doesn't seem right. var abc = $(this).parent("div").parent("div").attr("id"); You can use

How to wrap DIV tags with different class names? [duplicate]

独自空忆成欢 提交于 2019-11-30 16:06:13
问题 This question already has an answer here : Closed 6 years ago . Duplicate: How can I add a parent element to a group of paragraph? I have the following HTML blocks repeated in the document <!-- first block --> <div class="first"> My first div </div> <div class="second"> My second div </div> <!-- second block --> <div class="first"> My first div </div> <div class="second"> My second div </div> ... How can I wrap the Divs with jQuery to get the resulting HTML like this... <!-- first block -->

How to wrap DIV tags with different class names? [duplicate]

China☆狼群 提交于 2019-11-30 15:42:16
Duplicate: How can I add a parent element to a group of paragraph? I have the following HTML blocks repeated in the document <!-- first block --> <div class="first"> My first div </div> <div class="second"> My second div </div> <!-- second block --> <div class="first"> My first div </div> <div class="second"> My second div </div> ... How can I wrap the Divs with jQuery to get the resulting HTML like this... <!-- first block --> <div class="container"> <div class="first"> My first div </div> <div class="second"> My second div </div> </div> <!-- second block --> <div class="container"> <div

jQuery get id of element by searching for it by class

℡╲_俬逩灬. 提交于 2019-11-30 03:35:48
问题 This is my html : <div id="my_box_one" class="head-div"> <div> <div class="some_box">a</div> <div class="some_box">b</div> </div> </div> I want to get the ID of the parent div("#my_box_one") using the class of that div(".head-div") $(document).ready(function(){ $(".some_box").click(function(){ var abc = $(this).parentsUntil(".head-div").attr("id"); // also tried $(this).parent(".head-div") -- same effect alert(abc); // Shows as Undefined }); }); I can do the following and it will work okay,

Skip recursion in jQuery.find() for a selector?

笑着哭i 提交于 2019-11-29 07:15:45
TL;DR: How do I get an action like find(), but block traversal (not full stop, just skip) for a certain selector? ANSWERS: $(Any).find(Selector).not( $(Any).find(Mask).find(Selector) ) There were many truly great answers, I wish I could some how distribute the bounty points more, maybe I should make some 50 pt bounties in response to some of these ;p I choose Karl-André Gagnon's because this answer managed to make findExclude unrequired in one, slightly long, line. While this uses three find calls and a heavy not filter, in most situations jQuery can use very fast implementation that skips

工具导航Map