javascript - 确保我的自定义 jQuery 不会干扰其他具有相同名称的 id

Question

我有一个 WordPress 插件，它使用 jQuery 函数来隐藏/显示插件的某些部分。

if ($('#display_linkedin_icon').val() == 'true') {
    $('#linkedin').show();
}

我的问题是，在 WordPress 仪表板中，另一个插件添加了一个 ID 为的元素，#linkedin因此当我在插件中激活隐藏 div 时，它会隐藏 WordPress 仪表板中的另一个 div。

在这个阶段，简单地更改我的 ID 名称并不是一件容易的事。

我想知道有什么方法可以包装上面的 jQuery 函数，以便它只会在我的插件页面上激活。

我将#linkedindiv 包裹在一个名为“”的外部 div 中asw-sortable。希望像这样的工作。

if ($('#display_linkedin_icon').val() == 'true') {
    $('#asw-sortable #linkedin').show();
}

任何帮助将不胜感激。

score 0 · Accepted Answer

如果您div#linkedin是页面上的第一个，这可能会起作用。否则，增加数组索引：

$($('#linkedin')[0]).attr('id', 'linkedin2');

score 0 · Accepted Answer

你做的最后一件事应该有效。它奏效了吗？

if ($('#display_linkedin_icon').val() == 'true') {
    $('#asw-sortable #linkedin').show();
}

如果不是，您应该尝试使您的选择器更加具体。

2 回答 2