Variablen im JQuery-Selektor?

Ist es möglich, Variablen in jQuery-Selektoren zu verwenden?

jQuery ist eine weit verbreitete JavaScript-Bibliothek zum Bearbeiten von Elementen in HTML- und CSS-Dokumenten, zum Behandeln von Animationseffekten, zum Behandeln von Ereignissen über Browser hinweg usw. In jQuery werden Selektoren zum Suchen und Bearbeiten von DOM-Elementen verwendet. Bei der tatsächlichen Programmierung müssen wir jedoch möglicherweise Selektoren basierend auf Bedingungen dynamisch erstellen. Können Variablen also in jQuery-Selektoren verwendet werden?

Die Antwort ist ja. Variablen können in jQuery-Selektoren verwendet werden. Wir können die Selektorzeichenfolge in einer Variablen speichern und die Variable direkt dort verwenden, wo der Selektor verwendet werden muss. Hier ist ein Beispiel für die Verwendung von Variablen:

var selector = '.myClass';
$(selector).hide();

In diesem Beispiel wird die Zeichenfolge des .myClass-Selektors in der Variablen selector und dann in $ ( selector).hide(); verwendet die Variable selector, um alle Elemente auszuwählen, die der Klasse myClass entsprechen, und sie auszublenden. .myClass选择器的字符串被存储在变量selector中，然后在$(selector).hide();中使用selector变量来选择符合myClass类的所有元素，并将其隐藏。

还可以将选择器字符串与其他字符串连接起来：

var className = 'myClass';
var selector = '.' + className;
$(selector).hide();

在这个例子中，我们将字符串myClass存储在变量className中，并将其与.连接起来存储在变量selector中，最终使用$(selector).hide();选择和隐藏所有myClass类的元素。

除了存储和使用选择器字符串的变量外，我们还可以使用JavaScript变量来构建复杂的选择器字符串。例如：

var table = 'table1';
var row = 2;
var col = 3;
var selector = '#' + table + ' tr:eq(' + (row - 1) + ') td:eq(' + (col - 1) + ')';
$(selector).text('new text');

在这个例子中，我们根据变量table、row和col构建了一个选择器字符串。这个选择器字符串将在$(selector).text('new text');

rrreee

Das obige ist der detaillierte Inhalt vonVariablen im JQuery-Selektor?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!