JQUERY有可能吗？ val（）和text（）

Question

Is this possible in one liner code in JQUERY?

<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]);

Any Help Thanks?

Answer 1

OLD ANSWER: Yes, you can. But it won't make any sense since td doesn't use val .

The .val() method is primarily used to get the values of form elements such as input, select and textarea. When the first element in the collection is a select-multiple (ie, a select element with the multiple attribute set), it returns an array containing the value of each selected option, or null if no options are selected. When called on an empty collection, it returns undefined.

Below is a snippet where text() is used first, and then val() . But val() doesnt affect anything.

Update : With the new HTML, you can set the P and then the input .

 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>