Javascript 编辑文本而不删除HTML

我试图隐藏文本“33可用”，随着购票数量的变化。我无法直接编辑文本

<table width="100%" cellspacing="0" cellpadding="2" border="0" style="">
  <tbody>
   <tr bgcolor="#eeeeee">
     <td colspan="2">
        <input type="hidden" value="90" name="fees">
        <input type="hidden" value="1992261" name="feeID">
        <input type="hidden" value="Shirt,X-Small, Small, Medium, Large, X-Large, R" name="shirtSizeArray">
        <input type="hidden" value="0" name="setdiscountflag">
        <b>Runner</b>: $90.00<br>Run on the Upper Valley Haven's Covered Bridges Half Marathon team!<br>33 available
        <input type="hidden" value="Shirt,X-Small, Small, Medium, Large, X-Large, R" name="shirtsize1992261"><input type="hidden" value="" name="setGoalAmt">
     </td>
   </tr>
  </tbody>
</table>

跑步者：$90.00
参加上谷海文盖桥半程马拉松队
33可用

我尝试了以下操作，但这将删除其他html信息：

$('form#registrationForm table tbody tr td table tbody tr td table tbody tr td table tbody tr   td:contains("Run on the Upper")').html('<b>Runner:</b> $90.00<br />Run on the Uper Valley Haven\'s Covered Bridges Half Marathon team!');

$（'form#registrationForm table tbody tr td table tbody tr td table tbody tr td table tbody tr td:contains（“在上面跑步”））.html（'Runner:$90.00
在厄珀谷海文大桥半程马拉松队跑步！'）；

我还试着使用.text，选择33行并仅隐藏该行的最佳方法是什么

这里是一个与HTML在它的小提琴

---

提前谢谢你

一个简单的选择是用

标记围绕“33 available”，如下所示：

<span id='available'>33 available</span>

---

将文本包装在标记中，这将使操作更加容易

$($('td br:last')[0].nextSibling).wrap('<span id="avail">');

$（$（'td br:last'）[0].nextSibling.wrap（“”）；

然后使用

$（'#avail'）

---

表tbody tr td表tbody tr td表tbody tr td表tbody tr td表tbody tr td

你是认真的吗？顺便说一下，fiddle和question的代码都不包含ID为

registrationForm

的表单。关于一般问题：将所需文本用

包装到特定类中，并隐藏此

。类似于

$（'#registrationForm table tbody td:contains（“在上层运行”）.js count'）.hide（）。在中选择ID时，不需要在其前面包含类型，因为每个ID在页面上都应该是唯一的。是否无法编辑该HTML文件？不知道你的意思是什么。
$('#available').hide();

$($('td br:last')[0].nextSibling).wrap('<span id="avail">');