javascript - 创建一个函数，根据 jQuery 中的函数参数显示所选属性和值的文本

Question

这是我正在研究的问题:

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'。

现在，我做了以下事情；

return $('ul[data-continent="+continent+"]').find('li[data-species="+species+"]').html()

为什么这不起作用？我以为 .find 会遍历所选元素(在本例中遍历 ul 元素的子元素，其中 data-continent = continent)然后对其应用 .html()？

Answer 1

你的字符串插值应该是这样的

return $('ul[data-continent="' + continent + '"]').find('li[data-species="' + species + '"]').html()