javascript - 如何获取p元素内的所有跨度数据属性
问题描述
我想获取元素span
内的所有数据属性,p
以便我可以比较隐藏p
元素的值/文本
<div>
<ol class="edit-list">
<li class="edit">
<p class="hidden answer" data-answer="He loves fish tacos">He loves fish tacos</p>
<p>
<span data-original="Brad">He</span>
<span data-original="loves">loves</span>
<span data-original="fish">fish</span>
<span data-original="tactos">tactos</span>
</p>
</li>
<li class="edit">
<p class="hidden answer" data-answer="I love learning!">I love learning!</p>
<p>
<span data-original="I">I</span>
<span data-original="love">love</span>
<span data-original="learning!">learning!</span>
</p>
</li>
<li class="edit">
<p class="hidden answer" data-answer="I ate dinner">I ate dinner</p>
<p>
<span data-original="I">I</span>
<span data-original="ate">ate</span>
<span data-original="dinner">dinner</span>
</p>
</li>
</ol>
<button id="validate" >Validate</button>
</div>
这是我的 JavaScript 代码。
<script type="text/javascript">
$(function(){
var mismatch = false;
$('ol.edit-list li').each(function(){
var p_answer = $(this).find('p').attr('data-answer');
var c_annswer = $(this).find('p').has('span').children().attr('data-original'); // I canno get all the span inside the p;
if(p_answer !== c_answer){
mismatch = true;
break;
}
}
});
</script>
解决方案
推荐阅读
- c - 如何用int替换子字符串
- oracle - 在 pl/sql 中具有连接的循环变量
- macos - AppleScript:编辑完整编写的脚本购买“删除”某些命令,但保留它以便您记住它
- excel - 来自 Excel 的电子邮件导致 excel 挂起
- sql-server - Azure Synapse Analytics 中的递归查询
- windows - ffmpeg:如何将 SSIM 和 PSNR 保存到文件中?
- javascript - 不使用 App.vue 时带有 Vite 的 Vue 3 渲染空白页面
- sql - 为什么连接查询给出与子查询不同的结果?
- java - 反射检查包含类中是否存在字段
- vue.js - 从 Nuxt 上传到 AWS S3 存储桶时出现 500 内部服务器错误