2

我需要隐藏一个 div 和 2 个输入字段，我知道如何使用 ID 和 NAME 来做到这一点，但是代码在 ID 名称的末尾添加了一个 unqiue 数字。见下文。

<div id="gift-messages-for-item-container-295">Gift Message</div>

下面也是我需要隐藏的 INPUT，与将唯一编号添加到 ID 和 NAME 之前相同。

<input type="text" name="giftmessage[295][from]" id="gift-message-295-from" title="From" value="sadf sadf" class="input-text">

如果另一个用户加载该页面，它将更改 295 号码。有谁知道每次在 ID 和 NAME 的末尾添加一个新数字时如何隐藏 DIV 和 INPUT？

干杯

编辑：

感谢所有帮助，我无法让 JQuery 在我在 Magento 中使用的平台上运行，因此我可以更改基本代码。我现在已经使用 CSS 让它工作了。

[id^="gift-messages-for-item-container-"] p { 显示：无；} 输入[名称^=giftmessage] {显示：无；}

4

6 回答 6

2

您可以使用 jQuery 来完成，如下所示，

$('[id^="gift-messages-"]').css('display','none');
于 2013-04-26T11:35:16.717 回答
2

将 a 添加class="tohide"到您的元素并使用类选择器$('.tohide').hide();

于 2013-04-26T11:37:23.587 回答
1

这将抓取 div 元素并获取它的 ID，然后使用它来查找相应的输入元素：

var identifier = 'gift-messages-for-item-container-';
$div = $('div[id^="' + identifier + '"]');
var id = $div.attr('id').replace(identifier, '');

$div.hide();
$('input[name="giftmessage\[' + id + '\]\[from\]"]').hide();

这是一个示例小提琴。

注意：我个人会考虑从您的代码中向输入框添加类，以简化流程。

于 2013-04-26T11:46:32.030 回答
0

像这样的东西-

$('div[id^="gift-messages-for-item-container"]').hide();

您可以像这样选择带有名称或 ID 的输入 -

$('input[name^="giftmessage"]').css('display','none');
$('input[id^="gift-message"]').css('display','none');
于 2013-04-26T11:35:38.827 回答
0

使用 CSS：

[id^="gift-messages-"]{
   display: none;
}
于 2013-04-26T11:48:47.243 回答
0 
$('input[id^="gift"]').hide();

$('div[id^="gift"]').hide();

JS 小提琴链接

于 2013-04-26T11:51:21.230 回答