Skip to content

Commit c220d2e

Browse files
martinillemartinille
committed
test file; README.md update
1 parent c076155 commit c220d2e

File tree

5 files changed

+98
-3
lines changed

5 files changed

+98
-3
lines changed

‎README.md‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,34 @@
11
# jquery.deepest.js
22
Get the deepest children of each element in the set of matched elements, optionally filtered by a selector.
3+
4+
---
5+
6+
### Usage
7+
8+
HTML content:
9+
10+
<div id="test1">
11+
<div class="level1">
12+
<div class="level2">
13+
<div class="level3"></div>
14+
</div>
15+
</div>
16+
</div>
17+
18+
<div id="test2">
19+
<ul>
20+
<li><a href="#">link1</a></li>
21+
<li><a href="#">link2<span></span></a></li>
22+
<li><a href="#">link3</a></li>
23+
</ul>
24+
</div>
25+
26+
JavaScript:
27+
28+
<script>
29+
let $deepest1 = $("#test1").deepest();
30+
console.log($deepest1); // returns JQuery element '<div class="level3"></div>'
31+
32+
let $deepest2 = $("#test2").deepest('span');
33+
console.log($deepest1); // returns JQuery element '<span></span>'
34+
</script>

‎jquery.deepest.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
$deepestChildSet;
99

1010
this.each(function () {
11-
$parent = $(this);
11+
let $parent = $(this);
1212
$parent
1313
.find((selector || '*'))
1414
.each(function () {

‎jquery.deepest.min.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎jquery.deepest.min.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎test.html‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>test of jquery.deepest.js</title>
6+
<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
7+
<script src="jquery.deepest.js"></script>
8+
9+
<script>
10+
11+
function escape(htmlStr) {
12+
return htmlStr.replace(/&/g, "&amp;")
13+
.replace(/</g, "&lt;")
14+
.replace(/>/g, "&gt;")
15+
.replace(/"/g, "&quot;")
16+
.replace(/'/g, "&#39;");
17+
18+
}
19+
20+
$(function() {
21+
// looking for any deepest element in #test1
22+
let $test1deepest = $("#test1").deepest();
23+
$("#result1").html('Deepest element of <b>#test1</b> DOM tree is: <b>' + escape($test1deepest.get()[0].outerHTML) + '</b>');
24+
25+
// looking for any deepest element in #test1
26+
let $test2deepest = $("#test2").deepest('span');
27+
$("#result2").html('Deepest element of <b>#test2</b> DOM tree is: <b>' + escape($test2deepest.get()[0].outerHTML) + '</b>');
28+
});
29+
30+
</script>
31+
32+
<style>
33+
#test1, #test2 {
34+
display: none;
35+
}
36+
</style>
37+
38+
</head>
39+
<body>
40+
41+
42+
<div id="test1">
43+
<div class="level1">
44+
<div class="level2">
45+
<div class="level3"></div>
46+
</div>
47+
</div>
48+
</div>
49+
50+
<div id="test2">
51+
<ul>
52+
<li><a href="#">link1</a></li>
53+
<li><a href="#">link2<span></span></a></li>
54+
<li><a href="#">link3</a></li>
55+
</ul>
56+
</div>
57+
58+
<div id="result1"></div>
59+
<div id="result2"></div>
60+
61+
62+
</body>
63+
</html>

0 commit comments

Comments
 (0)