Question

我有多个代表城市的div。我希望能够使用event.currentTarget（this）选择一个元素，然后使用类名称填写API提取网址。最好的方法是什么？如果未在同一功能中使用，我该如何捕获此信息以用于下一行？

这就是我要得到的......

<form>

我想拉出城市名称类，并在一行中插入API调用以搜索该城市

Answer 1

<div class="city" data-city="seattle">Seattle</div>

不使用课程。使用数据元素并用data('city')抓取它，或使用.text()抓取城市。

Answer 2

您可以使用.attr（'class'）检索类，然后按空格标记它们，并获得第二个“ [1]”：

  $('.city').on('click', function(event) {
    const citySelection = $(this).attr('class').split(' ')[1];
    console.log(citySelection);
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="cities">
    <div class="city seattle">Seattle</div>
    <div class="city tacoma">Tacoma</div>
    <div class="city portTownsend">Port Townsend</div>
    <div class="city neahBay">Neah Bay</div>
</div>

Answer 3

尝试一下：

function captureCitySelect(param) {
    console.log(param);
}

<div class="cities">
            <div class="city seattle" onclick="captureCitySelect(this.innerText)">Seattle</div>
            <div class="city tacoma" onclick="captureCitySelect(this.innerText)">Tacoma</div>
            <div class="city portTownsend" onclick="captureCitySelect(this.innerText)">Port Townsend</div>
            <div class="city neahBay" onclick="captureCitySelect(this.innerText)">Neah Bay</div>
        </div>

如何从（此）click事件中提取API网址的类名

3 个答案: