So finden Sie <script> - Elemente mit besonderem Wert für "type" - Attribut?

Vorausgesetzt das folgende Skript-tag in einer zufälligen HTML-Dokument:

<script id="target" type="store">
    //random JavaScript code
    function foo(){
       alert("foo");
    }
    foo();
</script>

kann jemand erklären, warum der folgende Ausdruck nicht gefunden wird, werden alle Elemente des script mit Wert store für Ihre type Attribut.

var sel = $('#target script[type="store"]');

jQuery-version: v1.7.2
Chrome version: 25.0.1364.172 (unter Debian Squeeze)

Warum diese komplexe Selektor ? Da nur ein element kann eine bestimmte id, die Sie sollten benutzen Sie einfach $('#target')
OP ist daran interessiert, "alle Elemente".

InformationsquelleAutor 0xC0DEGURU | 2013-06-07

11

Ihre Selektor $('#target script[type="store"]') würde mit jeder script-tag mit type store ist das ein child-element des Elements mit der id target. Das ist nicht der Fall für Ihr Beispiel HTML.

Wenn Sie möchten, wählen Sie alle script-tags mit dem Typ store Ihre Auswahl sollte folgendermaßen Aussehen: $('script[type="store"]').

Wenn Sie nur wollen, wählen Sie die Skript-tag mit id target könnten Sie $('#target') nur. Keine Notwendigkeit, um genauer zu sein als die ID sollte eindeutig sein, um das element aus. Nur anhand der ID-Selektor wäre effizienter, da jQuery dann könnte nutzen Sie die native document.getElementById() wählen Sie ein element (eine Mikro-Optimierung vielleicht, aber trotzdem...)

InformationsquelleAutor Christofer Eliasson
6

Weil das was du geschrieben hast bedeutet: hier finden Sie alle script element mit einem Attribut type gleich store und ein Nachkomme von #target (wegen dem Platz).

Könnte man etwas machen wie:
```
var sel = $('script#target[type="store"]');
```
aber dies ist unnötig, da eine ID identifiziert ein element - keine Elemente in einem Dokument die gleiche ID nutzen können.

Wenn ich verstehe deine Beschreibung gut, was Sie brauchen, ist:
```
var sel = $('script[type="store"]');
```
Eins noch: sollten Sie nicht verwenden die type - Attribut für diesen. Es hat einen sehr spezifischen Zweck:

Das type-Attribut gibt die Sprache des Skripts oder das format des
Daten. Wenn das Attribut vorhanden ist, wird sein Wert muss ein Gültiger MIME
Typ. Der charset-parameter muss nicht angegeben werden. Die Standard -, die
wird verwendet, wenn das Attribut fehlt, wird "text/javascript".

So, ich schlage vor, Sie verwenden data-type statt type.

InformationsquelleAutor kapa
1

Müssen Sie diese -
```
var sel = $('#target[type="store"]');
```
InformationsquelleAutor Mohammad Adil
1

müssen Sie tun
```
var sel = $('script#target[type="store"]');
```
InformationsquelleAutor Suresh Atta
1

In diesem Selektor Sie suchen nach script-tag mit type="speichern" im script-tag. Sie sollten versuchen:
```
$('script#target[type="store"]');
```
- Toll. Es war schon 4 identische Antworten. Wir brauchten noch ein...
- Nicht Hass auf den Mann, er war gerade SCITE 🙂
InformationsquelleAutor Daniel Dykszak
1

Verwenden Sie diese
```
var sel = $('script#target[type="store"]');
```
InformationsquelleAutor pvnarula
0

Kürzeste Erklärung möglich:

Den Sie versuchen zu Ziel das Kind-Skript von #target.

Zum Beispiel, wenn Sie Ihr markup wurden, um die Wirkung von...
```
<div id="target"><script type="store"></script></div>
```
...Ihre jQuery-Auswahl funktionieren würde.

Auswählen, um ALLE script-Elemente mit dem Typ der bestimmte Wert tun:
```
$('script[type="value"]')
```
, Um ein bestimmtes Skript, das eine ID als gut tun:
```
$('script#id[type="value"]')
```
Kann man auch auf das Skript ausgeführt wird, ohne Bezeichner:
```
<script>
  //Prevent Global Scope Pollution
  (function($){

    //DO - Use it outside of an event...
    var Script_Self = $('script').last();
    console.log(Script_Self);

    //DONT - Use it inside of an event...
    $(document).on('ready', function() {
      var Script_Self = $('script').last();
      console.log(Script_Self);
    });

  })(jQuery);
</script>

<script>
  //Prevent Global Scope Pollution
  (function($){

    //The event will target me :(

  })(jQuery);
</script>
```
Was Sie werden merken, wenn Sie diesen code ausführen, ist, dass das erste script sich selbst als Ziel, und Ausgabe auf die Konsole, als auch als Ziel die endgültige Skript in das Dokument mit der //The event will target me :( Kommentar.

Der Grund dafür ist, dass außerhalb der Veranstaltung, das Letzte element Hinzugefügt werden, um den DOM ist das script-tag das ausführen der Anweisungen, das bedeutet logischerweise, die die Letzte script-tag in $('script').

Jedoch, im inneren der Veranstaltung, die in diesem Fall document.on('ready'), wartet, bis das DOM fertig geladen ist, so dass keine zusätzliche Skript-tags, die möglicherweise existieren in dem Dokument wird geladen und ersetzt das gewünschte .last() Ziel.

InformationsquelleAutor RedYetiCo

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.