时间戳

首页 > 解决方案 > 如何阅读 HTML 组件类的文本值

jquery - 如何阅读 HTML 组件类的文本值

问题描述

我有以下 HTML 组件

<ul id="weekList" class="week-menu" role="menu" style="display: block;"> 
            <li><a data-value="SUN"><i class="hym sunday"></i>Sunday</a></li> 
            <li><a data-value="MON"><i class="hym monday"></i>Monday</a></li> 
             <li><a data-value="TUE"><i class="hym tuesday"></i>TUesday</a></li> 
</ul>

我正在尝试 根据输入阅读 Value hym monday

$(document).ready(function() {
    let val = 'MON'
    var aaa = $("#weekList li").find("a[data-value='MON']")
    console.log(JSON.stringify(aaa))
});

我试过如下

https://jsfiddle.net/j1zcf0ed/5/

标签： jquery

解决方案

您需要添加.text()到$("#weekList li").find("a[data-value='MON']")

$(document).ready(function() {
  let val = 'MON'
  var aaa = $("#weekList li").find("a[data-value='MON'] i").attr("class")
  console.log(JSON.stringify(aaa))
});

演示

$(document).ready(function() {
  let val = 'MON'
  var aaa = $("#weekList li").find("a[data-value='MON'] i").attr("class")
  console.log(JSON.stringify(aaa))
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="weekList" class="week-menu" role="menu" style="display: block;">
  <li><a data-value="SUN"><i class="hym sunday"></i>Sunday</a></li>
  <li><a data-value="MON"><i class="hym monday"></i>Monday</a></li>
  <li><a data-value="TUE"><i class="hym tuesday"></i>TUesday</a></li>
</ul>

推荐阅读