Reine JS-äquivalent zu Jquery mit eq()

Was ist der Reine Gegenwert von jquery eq(). Zum Beispiel, wie kann ich erreichen,

$(".class1.class2").eq(0).text(1254);

in reinem javascript?

InformationsquelleAutor Kamran Ahmed | 2013-09-21
  1. 23

    Zu bekommen, das element index in das array, das Sie verwenden können [] in javascript. So reproduzieren Ihrem code können Sie verwenden:

    document.querySelectorAll('.class1.class2')[0].textContent = 1254;

    oder

    document.querySelectorAll('.class1.class2')[0].innerHTML = 1254;
    • In deinem Beispiel 1254 ist eine Zahl, wenn Sie eine Zeichenfolge, die Sie verwenden sollten = 'string'; mit Anführungszeichen.
    • Wenn Sie nur auf der Suche für ein/das erste element, das Sie verwenden können, nur .querySelector() insteal von .querySelectorAll().

    Demo hier

    Mehr Lesen:

    MDN: textContent

    MDN: innerHTML

    MDN: querySelectorAll

    InformationsquelleAutor Sergio
  2. 2

    Hier ist ein Weg, es zu erreichen. Getestet, funktioniert! Es teilt die Zeichenfolge, die Sie wollen, wählen Sie in der Teile vor der :eq und nach der :eq, und dann läuft Sie separat. Es wird wiederholt bis es keine mehr :eq Links.

    var querySelectorAllWithEq = function(selector, document) {
  var remainingSelector = selector;
  var baseElement = document;
  var firstEqIndex = remainingSelector.indexOf(':eq(');

  while (firstEqIndex !== -1) {
    var leftSelector = remainingSelector.substring(0, firstEqIndex);
    var rightBracketIndex = remainingSelector.indexOf(')', firstEqIndex);
    var eqNum = remainingSelector.substring(firstEqIndex + 4, rightBracketIndex);
    eqNum = parseInt(eqNum, 10);

    var selectedElements = baseElement.querySelectorAll(leftSelector);
    if (eqNum >= selectedElements.length) {
      return [];
    }
    baseElement = selectedElements[eqNum];

    remainingSelector = remainingSelector.substring(rightBracketIndex + 1).trim();
    //Note - for now we just ignore direct descendants:
    //'a:eq(0) > i' gets transformed into 'a:eq(0) i'; we could maybe use :scope
    //to fix this later but support is iffy
    if (remainingSelector.charAt(0) === '>') {
      remainingSelector = remainingSelector.substring(1).trim();
    }

    firstEqIndex = remainingSelector.indexOf(':eq(');
  }

  if (remainingSelector !== '') {
    return Array.from(baseElement.querySelectorAll(remainingSelector));
  }

  return [baseElement];
};
    InformationsquelleAutor phsource
  3. 1

    querySelectorAll gibt ein array zurück, so können Sie das element 0 mit index

    document.querySelectorAll(".class1.class2")[0].innerHTML = 1254
    InformationsquelleAutor Arun P Johny
  4. 0
    document.querySelectorAll(".class1.class2")[0].innerHTML = '1254';
    InformationsquelleAutor Krzysiek
  5. 0

    Element.querySelectorAll

    Zusammenfassung

    Gibt eine nicht-live-NodeList aller Elemente stammen von dem element, auf dem es aufgerufen wird, dass die mit der angegebenen Gruppe von CSS-Selektoren.

    Syntax

    elementList = baseElement.querySelectorAll(selectors);

    https://developer.mozilla.org/en-US/docs/Web/API/Element.querySelectorAll

    InformationsquelleAutor underscore
  6. 0

    Da bist du nur immer die ersten, die document.querySelector(".class1.class2") genügt. Es gibt dem element selbst, und nicht zur Erstellung einer kompletten Liste von Knoten, nur um die erste.

    Allerdings, wenn Sie möchten, dass alles andere als der erste, dann müssen Sie querySelectorAll.

    InformationsquelleAutor Niet the Dark Absol
Schreibe einen Kommentar