javascript - 如何根据父 ID 替换字符串?
问题描述
我正在测试一堆内容,而不是处理多个页面,我只是从一个索引页面用 PHP 加载每个元素。每个“页面”都有一段带有面包屑行的代码。我正在尝试使用 JavaScript 来定位“当前”位置行并将其替换为其父级的 ID 以显示当前位置。
这是我已经尝试过的:JSfiddle
$('.show #filter.menu').each(function() {
var parID = $(this).parent().attr('id');
var parCL = $(this).parent().attr('class');
if (parCL.search('show'))
$('.menu .breadcrumbs .current').text($(this).text().replace('Here', parID));
});
理想情况下,我希望将“Here”替换为面包屑父项的 ID 内容。如:首页 | 档案或主页 | 人。
但相反,我正在回家 | 家庭档案。
我不确定出了什么问题。
谢谢
解决方案
问题出在这一行:
$('.menu .breadcrumbs .current').text($(this).text().replace('Here', parID));
在上下文中,$(this)
指从第一行开始的循环的当前元素。所以$(this).text()
返回“Home Here”,因为这两个词在相同的部分宽度中,id为“filter”。然后您的代码替换父 ID 的“此处”宽度。所以结果是“家庭档案”。
因此,您可以将文本设置.current
为父 ID,而不是替换“这里”:
$('.menu .breadcrumbs .current').text(parID);
推荐阅读
- for-loop - CMD:测试for循环变量是否包含另一个变量
- r - 使用两个日期列作为参考计算每个日历月的人时
- javascript - 了解这个问题的递归?
- excel - Excel宏使选定范围绝对或相对参考?
- google-apps-script - 用 3 天后的日期名称制作一张纸
- azure-data-explorer - 在 kusto 表上使用物化视图
- c++ - 在 Xcode 中使用 C++ 中的 .wav 文件
- vba - 转换为文本仅匹配短语第 2 列和第 5 列 Word VBA
- arrays - 当我运行代码时,这段代码有什么问题,它没有给出所需的输出
- aws-api-gateway - 如何创建 REST api 并将其部署在云中?