jQuery selector valor

Question

que tengo:

<button class="Delete" value="1">Delete</button> 
<button class="Delete" value="2">Delete</button> 
<button class="Delete" value="3">Delete</button> 

Dada variable X que contiene un valor (en este caso, ya sea un 1, un 2 o un 3), a continuación, ¿cómo ocultar el botón correspondiente al valor en ¿X?

quiero decir algo como:

$('button').val(x).hide(); 

Significado: "El botón cuyo valor es x, ocultar".

Answer 1

$('button[value="' + x + '"]').hide(); 

Answer 2

Harías que en el interior del selector real:

$('button[value="foo"]').hide(); 

Answer 3

Esto requeriría la concatenación de x en un XPath, pero no puedo pensar en otra manera en este momento.

$ (button [value = '1']). Hide();

EDIT: @ eliminado, al parecer obsoleta, tanto como yo :)

Answer 4

Usted puede escribir su propio selector personalizado (me sentí alguien debe mencionarlo). Podría verse como:

(function($) { 
    $.extend($.expr[':'], { 
     val: function(elem, i, attr) { 
      return elem.value === attr[3]; 
     } 
    }); 
}(jQuery)); 

$('button:val(2)').hide(); 

Answer 5

Ni siquiera tiene que asignar manualmente los valores a los botones:

var i = 0; $('.Delete').attr('value', function() {i++; return ''+i;}); 

lo hará fou usted. Ahora tiene los valores de sus botones contados. Pero no importa, (! Que ni siquiera necesita valores) Puede ocultar 'ESTE botón hecho clic' haciendo:

$(".Delete").click(function() { 
$(this).html("DELETED!").delay(900).slideUp(600).hide(); 
}); 

He añadido un poco de animación. ¡O combine ambos! CIAO :)