获取元素ID号并使用jQuery追加它

Question

美好的一天。

我正在尝试使用jQuery从链接ID中提取序列号并使用jQuery附加它。

<a class="links" id="link_*serial number goes here*" href="google.com"> Google.com </a>

并且脚本就像这样

    $('.links').append('<div>
<label> Check this box to remove this link:</label>
<input type="checkbox" id="delete_link_id'.parseInt($(this).attr("id"));.'></input></div>');

有什么建议吗？

Answer 1

你可以这样做：

var linkSerial = $(this).attr("id").split("_")[1];

此外，在您的代码中，您将附加到锚点...我认为这不是您想要的...

Answer 2

也是这样

  $(".links").prop("id").replace(/\D/g, '')

Answer 3

如果你的序列号不包含任何下划线，那么tymeJV的回答是好的。如果没有，请提出并接受他的回答。

但是，如果序列号可能包含下划线，那么最好只用空字符串替换'link_'：

var linkSerial = this.id.replace('link_', '');

然后在需要序列号的地方插入linkSerial，例如：

'<input type="checkbox" id="delete_link_id' + linkSerial + '"/>'

顺便说一句，您的代码还有其他一些问题：

1. JavaScript中的连接运算符为+而非.
2. 将label / input置于锚点（a）标记内无效。
3. input代码是自动关闭的，因此</input>无效。