3

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

$(".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 添加一个包装器，然后寻找包装器的父级。但这也没有用。关于如何实现这一点的任何线索？

4

1 回答 1

0

OK 最后我想我得到了一个合理的答案。这可能不会用技术语言表达，但希望你能理解。

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

我不是在寻找标签名称，而是在寻找父母和兄弟姐妹的班级。因此，如果需要更通用的东西，您将不得不进一步完善它。

使用 parentsUntil($(".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'});

我想不出如何找到兄弟姐妹，但我可能会从找到的父母开始工作。

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

于 2012-10-25T15:47:59.420 回答