使用jQuery在大括号中获取无效的HTML代码

Question

我有一些（无效的）HTML代码我无法更改：

<a href="#" id="text1"{some-data}>...</a>
<a href="#" id="text2"{some-other-data}>...</a>

使用jQuery，我选择两个锚之一：

function someFunction(id) {
  $('text'+id)...;
}

现在，我想将文本放在大括号内。因此，对于id=1，这意味着some-data，对于id=2，这将是some-other-data。

我该怎么做？

为了方便起见：一个元素中只有一个卷曲的东西。

Answer 1

所以，基本上你想得到'外部'html，然后在大括号之间搜索什么。

第一部分已经解决了

Get selected element's outer HTML

所以使用那个问题的outerHTML插件

jQuery.fn.outerHTML = function(s) {
    return s
        ? this.before(s).remove()
        : jQuery("<div>").append(this.eq(0).clone()).html();
};

function someFunction(id) {
  return $('#text'+id).outerHTML().match(/{(.*)}/)[1];
}