javascript - 如何获取元素的属性数据

标签 javascript jquery raphael

我正在使用来自 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/

最佳答案

尝试将此代码放入您的回调函数中:

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

关于javascript - 如何获取元素的属性数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15997462/

相关文章:

javascript - 如何从父窗口中的 iframe(Sharepoint 托管应用程序,(应用程序部分)))打开模式对话框弹出窗口

javascript - 无法加载 Raphael.js 库,找不到 appendChild 方法?

javascript - Angular.js 动态表单输入类型

javascript - 在 Sublime Text 3 上使用 babel-eslint 时 Linting 不起作用

javascript - 浏览器的 "Previous"按钮位置改变了吗?

javascript - Raphael JS 中的矩形在所有边上的描边宽度并不相同

d3.js - 使用 D3 在 ie8 上渲染 map

javascript - 检测 iframe 和元素何时完全渲染,而不仅仅是加载 html

javascript - Node.js 抓取 ASU 类(class)

jquery - 使用 Jquery 验证时无法提交表单