gpt4 book ai didi

javascript - 提取给定 HTML block 中的所有 CSS 类和 ID

转载 作者:太空宇宙 更新时间:2023-11-03 21:41:22 24 4
gpt4 key购买 nike

我有一个文本区域,我可以在其中粘贴一段 HTML 代码。当我点击提交时,我想从该 block 中提取所有 CSS 类和 ID,并将它们放入一个数组中。

到目前为止,我的提交和正则表达式都在工作,但我不知道如何过滤整个 block 并提取文本与我的正则表达式匹配的所有实例。

index.html

<body>
<textarea id="codeInput"></textarea>
<button id="submitCode">submit</button>
<script src="functions.js"></script>
</body>

函数.js

$(function() {
$('#submitCode').click(function() {
var codeInput = $('textarea#codeInput').val();
console.log(codeInput);
});
});

最佳答案

$('#submitCode').click(function() {
var codeInput = $('textarea#codeInput').val();
var codeHTML = $('<div>', { html: codeInput }); // Parse the input as HTML
var allIds = [];
var allClasses = [];
codeHTML.find('[id]').each(function() {
allIds.push(this.id);
});
codeHTML.find('[class]').each(function() {
allClasses = allClasses.concat(this.className.split(' '));
});
console.log("IDs: " + allIds.join(', '));
console.log("Classes: " + allClasses.join(', '));
});

关于javascript - 提取给定 HTML block 中的所有 CSS 类和 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23300275/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com