jQuery Partielle Selektoren

Question

Ich habe eine Reihe von Tabellen, die verschachtelte Tabellen haben. Ich benutze jQuery, um einige der Tabellenzellen auszublenden, da eine Reihe leer sind oder der Inhalt irrelevant.

Ich verwende jQuery, um alle TD's auszublenden und dann jQuery, um sie anzuzeigen, zum Beispiel, wenn sie eine <P> .

Leider enthalten einige der TD's nichts, müssen aber trotzdem angezeigt werden. Die Klasse, die die TD's gegeben sind, ist dynamisch, so dass ich nicht in der Lage sein, für sie alle (sinnvoll) zu codieren, aber sie enden alle "Node".

Ich habe mich gefragt, ob es möglich ist, so etwas zu tun wie...

$(function() {
   $('TR .*Node').css('display','inline');
});

Answer 1

Dies wählt alle tds mit Node irgendwo in ihrem Klassennamen.

$('td[class*=Node]').css('display','inline');

Dies wählt alle tds mit Node am Ende von ihren Klassennamen.

$('td[class$=Node]').css('display','inline');

Bitte beachten Sie, dass .show() tut ungefähr dasselbe wie .css('display','inline');

Answer 2

En [attribute$="value"] Selektor können Sie Attribute abgleichen, die mit einem bestimmten Wert enden. Beachten Sie, dass die Verwendung von show() anstatt das CSS direkt zu ändern, bleiben die Anzeigeeigenschaften des Elements, das Sie offenlegen, erhalten. Wenn Sie wirklich eine Inline-Anzeige erzwingen wollen, können Sie die CSS-Methode wieder mit display: inline

 $('td[class$="Node"]').show();

Answer 3

$(function() {
     $('td[class*=Node]').css('display','inline');
});