Question

我需要隐藏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 { display：none; } 输入[name ^ = giftmessage] {display：none;}

Answer 1

您可以使用jQuery执行此操作，

$('[id^="gift-messages-"]').css('display','none');

Answer 2

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

Answer 3

这将获取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();

Here's an example fiddle.

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

Answer 4

像这样 -

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

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

$('input[name^="giftmessage"]').css('display','none');
$('input[id^="gift-message"]').css('display','none');

Answer 5

使用css：

[id^="gift-messages-"]{
   display: none;
}

Answer 6

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

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

JS FIDDLE LINK

Jquery隐藏div并按id输入

6 个答案: