dom遍历使用jquery

Question

I have this html and want to traverse the dom and place a value in the span that has the

class="center" 

after the page is loaded using jquery. I must take into consideration that the are other html on the same page with same structre as this. The only difference is that each of them has a unique td id. Here is the 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 );
});

This way you search for a <span> tag having center class inside #bankname element.

Answer 2

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

Answer 3

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

我更喜欢.html（） ，因为它比.text（）快一点

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