javascript - 实现JQUERY中遍历ul li标签的函数

标签 javascript jquery

HTML div 元素包含按大陆和物种种群状况分组的濒危物种列表。

<div>
    <ul data-continent="North America">
        <li data-species="California condor">Critically Endangered</li>
        <li data-species="American bison">Near Threatened</li>
    </ul>
    <ul data-continent="Europe">
        <li data-species="Cave bear">Extinct</li>
    </ul>
</div>

我想编写一个函数来返回某个物种在特定大陆上的濒危程度。例如 endangeredSpecies('North America', 'American bison') 将返回 'Near Threatened'。

最佳答案

这应该是微不足道的

function endangeredSpecies( continent, species )
{
   return $( "ul[data-continent='" + continent + "'] li[data-species='" + species  + "']" ).html();
}

关于javascript - 实现JQUERY中遍历ul li标签的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43224237/

相关文章:

javascript - 使用 jQuery 从下拉列表中显示/隐藏选项

javascript - 创建一个简单的谷歌浏览器而不是右键单击所选文本导致所选文本变为斜体

javascript - Coda:在页面重新加载时自动清除 JavaScript 控制台?

jQuery:将值传递到字段联系表单 7

jquery - 变换 :scale and :nth-child() selector don't work

javascript - 一个元素正在超越 html 和 css 中的另一个元素

javascript - img 的 ckeditor 自定义样式未显示在下拉列表中

jQuery 粘滞按钮

javascript - 我们如何做到当用户单击弹出框以外的任何位置时,弹出框都会关闭。

jquery - newsmap.jp风格