javascript - jqueryを使ったdomトラバーサル

Question

私はこのhtmlを持っていて、domをトラバースしてスパンに値を入れたいと思っています。

class="center" 

jqueryを使用してページがロードされた後。これと同じ構造を持つ同じページ上の他の html であることを考慮する必要があります。唯一の違いは、それぞれに固有の td ID があることです。html は次のとおりです。

<table>
 <tr>
 <td id="bankname">
  <div unselectable="on" style="-webkit-user-select: none; -webkit-tap-highlight-color:
   rgba(255, 255, 255, 0); width: 66px; " class=" select-area select-modify_select  
   select-focus ">
   <span class="left"></span>
   <span class="center">B.N.S.</span>
   <a class="select-opener"></a>
  </div>
 </td>
<tr>
</table>

Answer 1

$(function(){
    $('#bankname span.center').text( theValueYouWant );
});

このようにして、要素内にクラス<span>を持つタグを検索します。center#bankname

Answer 2

$('#bankname span.center').text( newValue );

Answer 3

$('#bankname span.center').text('Hello World!!');

.text()よりも少し速いので、ここでは.html()を好みます。

$('#bankname span.center').html('Hello World!!');