javascript - 使用 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];
}