Question

我正在使用Raphael.js的图表，我对javascript和JQuery的经验非常少，这就是为什么我想问你们，所以我会直截了当地说。

我在填充数据方面遇到了一些问题。我只想获取所有填充数据（在此示例中有两个文本标记，因此我想获得两个fill="#ff0000"和fill="#00e0ff"

<text style="font: 20px "Arial"; opacity: 1; text-anchor: middle;" x="555.0919781452639" y="222.43750078648324" text-anchor="middle" font="10px "Arial"" stroke="none" fill="#ff0000" opacity="1" font-size="20px">
   <tspan dy="7.000000786483241">Ruby</tspan>
</text>

<text style="font: 20px "Arial"; opacity: 1; text-anchor: middle;" x="604.746975531892" y="434.94193863997384" text-anchor="middle" font="10px "Arial"" stroke="none" fill="#00e0ff" opacity="0" font-size="20px">
   <tspan dy="7.000532389973841">PHP</tspan>
</text>

无论如何我为它创建了一个jsfiddle帐户我真的还没有想法你们可以帮帮我吗？ http://jsfiddle.net/psyreaper3/rXXem/9/

Answer 1

尝试将此代码放入回调函数中：

$('text').each(function(){
    alert($(this).attr('fill'));
});

Answer 2

看起来有点丑陋但功能性的解决方案是：

$($('text')[0]).attr('fill');（这将为您提供第一个文本的填充属性）和
$($('text')[1]).attr('fill');（这会给你第二个）。

理想情况下，您可以在这些元素上使用id，以便您轻松获取特定的文本元素属性。

<text id="first" fill="blah"></text>然后你可以$('#first').attr('fill');

Answer 3

你可以通过这种方式获得填充财产。

$('text').each(function(){
   alert($(this).prop('fill'));
})

Answer 4

Updated Fiddle

您可以通过以下方式获取填充属性：

$(this).attr('fill');

并可以使用以下方式更新它：

$(this).attr('fill','#ffee00');

如何获取元素的属性数据

4 个答案: