使用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然后在花括号之间搜索什么。

这方面的第一部分已经解决了

获取所选元素的外部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];
}