Wie kann ich CSS-Elemente mit IDs auswählen, die bestimmten Text enthalten?

CSS-Selektor-Targeting-IDs mit spezifischem Text

In der Webentwicklung können Elemente mit eindeutigen IDs identifiziert werden, was eine Möglichkeit zur Gestaltung und Interaktion bietet mit ihnen speziell. Wenn IDs jedoch dynamische Teile enthalten, die sich zwischen den Elementen ändern, kann der Zugriff auf bestimmte Elemente basierend auf Teiltext eine Herausforderung sein.

Stellen Sie sich das Szenario vor, in dem Sie mehrere Ankerelemente () mit IDs wie „someGenerated Some“ haben: Same:0:name“ und „someGenerated Some:Same:0:surname.“ Ihr Ziel besteht darin, nur die Elemente mit IDs zu erhalten, die den Text „Name“ enthalten.

Ein Ansatz könnte darin bestehen, den Attributselektor „[id*='Some:Same']“ zu verwenden, aber dies würde alle zurückgeben Elemente mit IDs, die „Some:Same“ enthalten, unabhängig vom Endtext.

Stattdessen können Sie einen präziseren Selektor verwenden:

a[id*='Some:Same'][id$='name']

Dieser Selektor grenzt effektiv ein Suchen Sie, indem Sie zunächst mithilfe des Teils „[id*='Some:Same']“ nach Elementen mit IDs suchen, die „Some:Same“ enthalten. Anschließend werden die Ergebnisse mithilfe des Teils „[id$='name']“ weiter gefiltert, um nur Elemente einzubeziehen, deren IDs mit „name“ enden.

Dieser kombinierte Selektor stellt sicher, dass nur Elemente mit IDs enthalten sind, die „Some“ enthalten: „Same“ und die Endung „name“ werden abgerufen. In diesem Fall würde es erfolgreich auf die Elemente mit den IDs „someGenerated Some:Same:0:name“ und „someGenerated Some:Same:1:name“ abzielen.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Elemente mit IDs auswählen, die bestimmten Text enthalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!