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

前端之家收集整理的这篇文章主要介绍了javascript – 使用jQuery在大括号中获取无效的HTML代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些(无效的) HTML代码,我无法更改:
<a href="#" id="text1"{some-data}>...</a>
<a href="#" id="text2"{some-other-data}>...</a>

使用jQuery,我选择两个锚之一:

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

现在,我想将文本放在大括号内.因此,对于id = 1,这将意味着一些数据,对于id = 2,这将是一些其他数据.

我怎样才能做到这一点?

为了方便起见:在一个元素中只有一个卷曲的东西.

解决方法

所以,基本上你想获得’外部’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];
}

猜你在找的jQuery相关文章