gpt4 book ai didi

javascript - 查找列表项并将其 ID 转换为小写,添加连字符

转载 作者:行者123 更新时间:2023-11-30 00:25:04 25 4
gpt4 key购买 nike

我在同一个页面上有多个无序列表(准确地说是 Accordion )。每个列表项都有一个唯一的 id,基本上是用户生成的字符(因此可以是任何东西)。我正在尝试将每个唯一 ID 转换为小写并将所有空格替换为连字符。

我正在使用的代码位于 .each 函数中,因为同一页面上有多个 Accordion ,它仍然输出用户生成的 ID 而不是转换后的 ID:

$('ul.responsive-accordion').each(function() {

var question = $('ul.responsive-accordion').find('li');
var questionhash = $(question).attr('id');

convertedhash = questionhash.toLowerCase().replace(/ /g, '-');

});

当我使用下面的输出到控制台时,它只输出第一个项目 ID 两次而不是其他项目(在这个例子中应该显示 3 个列表项目 ID):

// Replace spaces with hyphens
var question = $('ul.responsive-accordion').find('li');
var questionhash = $(question).attr('id');

console.log ( questionhash );

convertedhash = questionhash.toLowerCase().replace(/ /g, '-');

console.log ( convertedhash );

查看输出:

enter image description here

最佳答案

您需要使用 each() 将它们全部循环

$('ul.responsive-accordion li').each( function() {
var id = $(this).attr('id');
console.log( id );
var newId = id.toLowerCase().replace(/ /g, '-');
console.log( newId );
$(this).attr('id', newId);
});

关于javascript - 查找列表项并将其 ID 转换为小写,添加连字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31744098/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com