Wie man den Wert von r.fn.init (JQuery-Selektor-Kontext)

Hallo ich versuche erhalten Sie einen Wert aus der Spanne aus Tabelle wie diese:

function getValueFromSibling(this) {
    var id = $(this).parent().siblings('span.childSibbling');
}

Tabelle sieht wie folgt aus:

<tr>
    <td>
      <button type="button" onClick="getValueFromSibling()"></button>
    </td>
    <td>
      <span class="childSibbling">100</span>
    </td>
</tr>

Aber ich empfange so etwas wie dieses:

id = r.fn.init [prevObject: r.fn.init(1)]

Fand ich die einfache form:

var jQuery = function( selector, context ){
   return new jQuery.fn.init( selector, context );
};

Es ist also die Frage. Wie erhalten InnerHTML aus <span> oder, wie zu konvertieren r.fn.init [prevObject: r.fn.init(1)] Wert?

var result = id.val(); und var Ergebnis = id.get(); doesnt Arbeit

versuchen $('span.sibbling').html()?
leider gibt es undefiniert
Sie wollen keine Geschwister, Sie wollen ein Kind ein Geschwisterchen.
ja schlecht benennen.

InformationsquelleAutor Adriano | 2018-01-05

javascript jquery

4

Zunächst this innen Ihre Funktion getValueFromSibling im Fenster scope pass this Kontext beim aufrufen der Funktion
```
 onClick="getValueFromSibling(this)"
```
Und es gibt nur wenige Dinge, die fehlen, wie text() um den text, den Sie möchten. Versuchen Sie eine der unten

Besser Weg (eigentlich empfohlen):

Html
```
<tr>
    <td>
      <button type="button" class="some-button"></button>
    </td>
    <td>
      <span class="sibbling">100</span>
    </td>
</tr>
```
Jquery
```
$(function(){
  $('.some-button').click(function(){
      var id = $(this).closest('tr').find('.sibbling').text();
          //.closest() gets the closest tr parent .
          //.find() finds the element with class 'sibbling' inside that `tr`
          //.text() gets the text inside the element.
  });
});
```
- Ok es funktioniert! Aber ich habe keine Antwort, wie man den Wert von r.fn.init.
- Ich mag dieses, aber es hat ein problem. closest und find geben würde, Sie ALLE '.Geschwister' und nicht notwendig der nächste oder angrenzende.
- problem? Können Sie es heraus, ich könnte etwas verpasst haben hier.. 🙂
- gut, nächste() wird das erste element entspricht der Wahlschalter so ein, dass in diesem Fall werden die ersten Eltern tr (auch wenn es eine andere tr vor, es finden die ersten Eltern tr) immer die gleichen und find() suchen sibling drin. Hoffe, dass Ihr Anliegen gelöst.
- Sicher, aber mit einem anderen "Spiel" innerhalb der tr für diesen Selektor vielleicht bekommen Sie etwas unerwünschtes. Beispielsweise mit anderen vorstehenden td mit derselben Klasse. Ich weiß nicht, ob im realen Fall der diese OP wäre möglich, aber ist vielleicht interessant, darauf hinzuweisen, dass, nur als disclaimer. Ich weiß nicht, ob ich meinen Punkt richtig, mein Englisch ist schrecklich :/
- Yup, ich Stimme zu. Es gibt auch andere Fälle, zu sagen OP, fügt ein anderer <tr> über die Taste span ist, die nicht in die tr. So ya DOM-manipulation hängt ganz wie die HTML-Struktur ist 🙂 :)... Anyways Danke
- Und ya guter Punkt. Auch Ihr Englisch ist wohl besser als meine. 🙂 .. Viel Spaß Beim Programmieren.
- Wie ich sagte zu @Adriano in einem anderen Kommentar, zwei verschiedenen aproachs mit verschiedenen repercusions. Glücklich Codierung auf Sie zu!
InformationsquelleAutor bipen
1

Das problem, das Sie konfrontiert sind ist, dass Sie nicht möchten, dass ein Geschwisterchen, Sie wollen ein Kind ein Geschwisterchen.

JS:
```
function getValueFromSibling(me) {
    var id = $(me).parent().next().find('span.childSibbling').text();
    console.log(id);
}
```
HTML:
```
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<table>
<tr>
    <td>
      <button type="button" onClick="getValueFromSibling(this)"></button>
    </td>
    <td>
      <span class="childSibbling">100</span>
    </td>
</tr>
</table>
</body>
```
Mit dabei, zuerst machen wir eine .parent() bewegen uns auf die td element. Dann bewegen wir uns auf das nächste td element mit .next() und schließlich, stellen Sie die span.childSibbling mit find('span.childSibbling').
Mit der Methode .text() wiederherstellen die innerText des Knotens oder .html() für das innerHTML des Knotens.

Für die r.fn.init Frage, gibt es eine ausgezeichnete Antwort in diese question.
- Ok, ich denke ich verstehe, wie es funktioniert, aber wenn es mehr td Elemente in dieser Zeile element vor span mit Klasse sibbling es ist nicht die beste Lösung.
- Sorry, es war ein Tippfehler, ich habe es toa ein script und nun ist wieder der Wert korrekt. Über Ihren Kommentar, Sie haben Recht, das ist die Lösung nur für die nächsten (und nur die nächste) td. bipen Antwort nicht gefasst auf das, und wählen Sie die Elemente mit dieser Klasse. Verschiedene aproachs mit verschiedenen repercusions. Wählen Sie mit bedacht 😉
InformationsquelleAutor frikinside
1

Sollten Sie in der Lage sein, um den text-Wert durch die Verwendung
```
$("selector").text();
```
InformationsquelleAutor Kwun Yeung

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.