JQuery таблицы заменить частичное содержимое таблицы внутри HTML

Question

У меня есть эта таблица:

HTML

<div class="BBclass1 BBclass2"> 
    <table> 
     <tr> 
      <td><b>name:</b> value1</td> 
      <td>Value2</td> 
      <td>Value3</td> 
      <td>Value4</td> 
     </tr> 
    </table> 
<div> 

Мне нужно заменить 'name:'на'Hello:'

Как мне это сделать?

Я уже пробовал

$("td :contains('name:')").text("Hello:"); 

По какой-то причине он заменяет всю таблицу с имя1.

это не работает либо:

$("div:contains('name:')").html("Hello"); 

Любые другие предложения?

Answer 1

Вы using the wrong selector.

Там должно быть пространство между

`"td :contains"` 
    ^------- Remove this space 

Предполагается быть

$("td:contains('name:')").text("Hello:"); 

Вы также можете попробовать

$("td b:contains('name:')").text("Hello:"); 

Check Fiddle