如何使用JQuery从文本区域内容中提取属性

How to fetch attributes from textarea content with JQuery?

本文关键字：提取 属性 区域 何使用 JQuery 文本      更新时间：2024-01-11

我试图制作一个小页面，从svg路径容器中获取某个属性。

我有一个简单的表单，我将把我的代码输入到一个文本区域表单中，它的开头是这样的：https://i.stack.imgur.com/Eq1kN.png

然后，我想把这个路径代码放进我的文本区域表单中，当我点击"创建游戏"时，它会把它附加到我的svg容器中，如下所示：https://i.stack.imgur.com/hPJFv.png

SVG容器如下所示：

<svg id="svgmap" version="1.1">
    <g id="pathdata">
    </g>
</svg>

然后我需要进入g容器的路径。

我可以用jquery将文本区域注入到一个简单的div中，但我无法选择g容器并插入其中。此外，当尝试选择插入的路径时，我无法这样做。

所有这些的主要目的是显示我输入的svg路径，并将特定的路径属性放入数组中以供进一步使用。

希望有人知道这个问题。

提前感谢Jesper

不是完整的代码，但你可以尝试这样的东西：

JS-

var raw = $('#raw').val();//get value of your textarea
var array = []; // result store here
var rePattern = /([A-Z]{1}[0-9,.]{0,})/gi; //regex to match
raw.replace(rePattern, function(match, text, urlId){
    array.push(match);
});
console.log(array);

HTML

<svg id="svgmap" version="1.1">
    <g id="pathdata">
    </g>
</svg>
<textarea id="raw">L12.12,454.89M54.12,48.65</textarea>

js小提琴：http://jsfiddle.net/poignant_benjamin/qp60kf8h/

相关文章：