我有一个文本区域,我可以在其中粘贴一段 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/