Question

我有以下代码，

<a id="save_11" onclick="updateData(this);"><img src='images/save.png' /></a>
<a id="save_12" onclick="updateData(this);"><img src='images/save.png' /></a>
<a id="save_23" onclick="updateData(this);"><img src='images/save.png' /></a>

如何将保存的所有<a>隐藏为其ID名称的一部分。

Answer 1

$('a[id^="save"]').hide();

http://api.jquery.com/attribute-starts-with-selector/

Answer 2

$("a").each(function() { 
    if ($(this).attr("id").indexOf("save") >= 0) {
        $(this).hide();
    }
});

或

$("a[id^=save]").hide();

但是，正如您的评论所说，如果您可以使用课程，请执行此操作。它更快，看起来更干净。

Answer 3


$(document).ready(function() {
  $("a[id^='save_']").hide();
});

Answer 4

你可以使用

$("a[id^='save']").hide();

它会隐藏ID以save

开头的所有锚点

Answer 5

$('a:regex(id, save*)').hide()

应该做的伎俩

但你需要这个：http://james.padolsey.com/javascript/regex-selector-for-jquery/

Answer 6

 $("a[id^='save']").hide();

或

     $('a').each(function() { 
    if ($(this).attr('id').indexOf('save') >= 0) {
        $(this).hide();
    }
    });

参考http://www.bennadel.com/blog/1003-Cool-jQuery-Predicate-Selectors.htm

最好创建一个类并进行隐藏。

<a class="saveclass" id="save_11" onclick="updateData(this);"><img src='images/save.png' /></a>
<a class="saveclass" id="save_12" onclick="updateData(this);"><img src='images/save.png' /></a>
<a class="saveclass" id="save_23" onclick="updateData(this);"><img src='images/save.png' /></a>


$('.saveclass').hide();

如何隐藏所有<a> using jQuery</a>

6 个答案: