jquery - 是否可以找到 SVGTSpanElement 的父级或下一个/上一个同级

Question

我通常可以使用类似的方法找到事件目标的父级或适当的兄弟级

$(".occupancy").bind("click", function(event){
    day = $(event.target).parent().attr("class");
    // more stuff
});

但是如果事件是在 svg 对象上触发的，例如

$(".booked").on("click", function(event) {
    day = $(event.target).parent().attr("class");
    $("#cancellation_Form_Wrapper").css("visibility","visible");
    $("#cancellation_Form_Wrapper").change();
}).svg({loadURL: '../_public/_icons/booked.svg'});

父级未定义。

我很欣赏 svgdom 与普通 DOM 不同，并且已经实现了 jquery.svgdom.min.js。但我对 SVG 的内部 DOM 不感兴趣，我感兴趣的是 SVG 在 DOM 中的位置。

我尝试向 svgdom 添加一个包装器，然后查找该包装器的父级。但这也不起作用。关于如何实现这一目标有任何线索吗？

Answer 1

好吧，我想我终于得到了一个合理的答案。这可能不会用技术语言来表达，但希望您能明白其中的意思。

这不是一个完美的答案，因为您必须了解 dom 或对其做出假设。 但它确实对我有用，因为我的 dom 结构在这种情况下是固定的。

我不是在寻找标签名称，而是在寻找 parent 和 sibling 的类(class)。因此，如果需要更通用的东西，您就必须进一步完善它。

使用parentUntil($(".wrapper").parent()通过其类查找您要查找的元素 您需要这种格式，因为parentsUnitl() 无法找到自己。映射它以创建一个字符串，然后使用 split 将字符串转换为数组，找到数组中的最后一个元素，您就有了父元素。

 $('.svgload').on('click', function(event) {
         alert('clicked svg new');
         var parentElements = $(event.target).parentsUntil($(".wrapper").parent())
             .map(function () { 
                 return this.className; 
             })
             .get().join(", ");
         alert(parentElements);
         parentsArray = parentElements.split(",");
         alert(parentsArray.pop());
 }).svg({loadURL: '../_public/_icons/booked.svg'});

我不知道如何找到 sibling ，但我可能会从找到的 parent 那里开始工作。

如果我找到办法做到这一点，我会报告。