From e3e2ad47c4f5ddf72cf8e7505780635814f1bc53 Mon Sep 17 00:00:00 2001 From: Robert Date: Sun, 3 Jan 2021 15:41:55 +0100 Subject: [PATCH] improved jquery selector --- index.html | 40 +++++++++++++++++++++++++++++++++------- 1 file changed, 33 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index 3c9c0144..cdf2045f 100644 --- a/index.html +++ b/index.html @@ -5,9 +5,10 @@ Kanji + +

search for kanji

@@ -63,6 +69,22 @@ }); } + $.getHighestElements = function(startPoint, selector, child = false) { + var elems = []; + startPoint.children('g').each(function () { + if(typeof $(this).attr(selector) !== typeof undefined) { + elems.push($(this)); + } else { + $.merge(elems, $.getHighestElements($(this), selector, true)); + } + }); + + if(child) + return elems; + else + return $(elems).map(function() { return this.toArray(); }); + } + const kanji_raw = $.urlParam('kanji'); if(kanji_raw != undefined) { @@ -72,16 +94,20 @@ var hex = kanji.charCodeAt(0).toString(16); $.loadSVG(hex).then( response => { - var allParts = $("svg > g > g g[kvg\\:element]"); + + var allParts = $.getHighestElements($("svg > g > g"), "kvg:element"); + + allParts.addClass("off"); + allParts.addClass("part"); allParts.on({ mouseenter: function () { - allParts.removeClass("on"); - $(this).addClass("on"); - + $(this).switchClass("off", "on"); + $(this).find('g.part').switchClass("off", "on"); }, mouseleave: function () { - $(this).removeClass("on"); + $(this).switchClass("on", "off"); + $(this).find('g.part').switchClass("on", "off"); }, });