javascript - 奇怪的 SVG / javascript 行为

Question

我可能在这里遗漏了一些重要的东西。

我正在使用此功能更改某些 SVG 文本元素中的日期格式。

jQuery.fn.fixDateformat = function(){
        ar = $(this).text().split("/")
        output = [ar[1], ar[0], ar[2]].join(".")
        $(this).text(output)
    };

在控制台中，我得到了一组我想要更改的元素。

> array = $("text[x='0']")
[
<text y=​"5" dy=​".71em" text-anchor=​"middle" x=​"0">​04/21/13​&lt;/text>​, 
<text y=​"5" dy=​".71em" text-anchor=​"middle" x=​"0">​04/26/13​&lt;/text>​, 
<text y=​"5" dy=​".71em" text-anchor=​"middle" x=​"0">​05/02/13​&lt;/text>​, 
<text y=​"5" dy=​".71em" text-anchor=​"middle" x=​"0">​05/08/13​&lt;/text>​, 
<text y=​"5" dy=​".71em" text-anchor=​"middle" x=​"0">​05/14/13​&lt;/text>​
]

当我将函数传递给它的一个元素时。耶！

> array.first().fixDateformatOnCharts()

但是，当我遍历数组时，我得到了这个错误。

> array.each(function(i,v){ v.fixDateformatOnCharts()})
TypeError: Object #<SVGTextElement> has no method 'fixDateformatOnCharts'

有任何想法吗？

Answer 1

您应该使用$(v)将元素转换v为 jQuery 对象。

array.each(function(i,v){ $(v).fixDateformatOnCharts(); });

也许最好将此功能添加到插件本身：

jQuery.fn.fixDateformat = function() {
  return this.each(function(i, el) {
    ar = $(el).text().split("/");
    output = [ar[1], ar[0], ar[2]].join(".");
    $(this).text(output);
  });
};

所以你可以使用array.fixDateformat();.