javascript - 有人可以引导我完成这条线吗

Question

var types = {
  "Grocery": "gro",
  "Restaurant": "res",
  "Bar": "bar",
  "Pizza Delivery": "piz",
  "Quick Service": "qui",
  "Retail": "ret",
  "Salon": "sal"
}

$(".type_changer").attr("id", types[$(this).text()]);

据我所知，该类type_changer id 正在更改为该数组的一部分，但我不明白 types[$(this).text()]

还有这一行

$(this).parents('.select-holder').find('.text').text($(this).text());

似乎几乎可以理解，但我对 .parents 感到困惑和 .find('.text').text($(this).text());

Answer 1

$(this).text()获取当前元素的文本(在您的情况下循环的 <li> ，除非您的标记已更改)。

然后它使用该文本作为 types 上的键对象，基本上在做types["Grocery"]例如，当您点击“杂货店”链接时。

在 JavaScript 中你可以做 types.Grocery或types["Grocery"]访问该属性，其值为 "gro" .

<小时/>

最后一条语句采用相同的“Grocery”测试并将其设置为 class="text" 的文本。父元素中的元素。