Ist dies in JQUERY möglich? val() und text()

Question

Ist dies in einem Liner-Code in JQUERY möglich?

<table> 
    <tr> 
    <!-- Ex. this is the td:nth-child(10) --> 
    <td> 
     <input type="hidden" value=""/> 
     <p> </p> 
    </td> 
    </tr> 
</table> 

// I'd like to ouput a same value in td 10th cell in one liner code.. 
$(this).children('td:nth-child(10)').text(data[0]).val(date[0]); 

Irgendwelche Hilfe Danke?

Answer 1

ALTE ANTWORT: Ja, Sie können. Aber es wird keinen Sinn ergeben, da tdval nicht verwendet.

Die Methode .val() wird hauptsächlich verwendet, um die Werte der Formularelemente wie Eingabe, Auswahl und Textbereich abzurufen. Wenn das erste Element in der Auflistung ein Select-Multiple (d. H. Ein Select-Element mit dem Multiple-Attribut ) ist, gibt es ein Array zurück, das den Wert für jede ausgewählte Option enthält, oder null, wenn keine Optionen ausgewählt sind. Wenn es in einer leeren Sammlung aufgerufen wird, gibt es undefined zurück.

Unten finden Sie ein Ausschnitt in dem text() zuerst verwendet wird, und dann val(). Aber val() betrifft nichts.

Aktualisieren: Mit dem neuen HTML können Sie die P und dann die input festlegen.

changeIt = function(){ 
 
    $('td:nth-child(2) p').text('foo').closest('td').find('input').val('bar'); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td> 
 
     <input type="hidden" value="inital1"/> 
 
     <p>1</p> 
 
    </td> 
 
    <td> 
 
     <input type="hidden" value="inital2"/> 
 
     <p>2</p> 
 
    </td> 
 
    <td> 
 
     <input type="hidden" value="inital3"/> 
 
     <p>3</p> 
 
    </td> 
 
    <td> 
 
     <input type="hidden" value="inital4"/> 
 
     <p>4</p> 
 
    </td> 
 
    </tr> 
 
</table> 
 

 
<button onclick="changeIt()">Click two change 2</button>