Question

我有以下代码：

<table cellspacing="0" cellpadding="0" border="0" width="100%" id="carttable">
<tbody><tr id="carttableheader">
<td>blah</td><td>blah</td><td>blah</td><td>blah</td>
</tr>
<tr id="carttablerow0" class="uir-list-row-tr uir-list-row-even">
<td>blah</td><td>blah</td><td>blah</td><td>blah</td>
</tr>
<tr>
<td>blah</td><td>blah</td><td>blah</td><td>blah</td>
</tr>
<tr>
<td class="extcartborder">blah</td>
<td class="extcartborder">blah</td>
<td class="extcartbordershaded">blah</td>
</tr>
<tr>
<td colspan="4" class="extcartborder">
<table cellspacing="0" cellpadding="0" border="0"><tbody><tr>
<td class="extcart">&nbsp;</td>
<td class="extcart"><table>
<tbody><tr><td class="textbold" colspan="2">blahblah</td></tr>
            <tr>
                <td>blah</td>
                <td>blah</td>
            </tr>
            <tr>
                <td>blah</td>
                <td>blah</td>
            </tr>


<tr><td>&nbsp;</td><td><span id="tbl_submitter"><input type="submit" name="submitter" id="submitter" value="Submit" style="" class="bgbutton"></span></td></tr>
</tbody></table></td>
 etc. etc..

最后的按钮现在具有值“提交”，需要更改为“其他文本”。我知道上面的表是老式的，丑陋的，[填补空白]，但我无法解决这个问题。

我试过了：

$('#carttable').closest('#submitter').prop('value', 'Other Text');

但它没有改变任何东西。我查看了firebug的脚本选项卡以查看值是什么，它是“提交”，所以这很好，但它并没有取代它。（我知道我可以做$（“＃submitter”）。attr（'value'，'Other Text'）;但是这也在其他页面上调用，因为#submitter也存在于那里，但是有不同的集合起来，它会搞砸了......整个故事）。无论如何..为什么呼叫不起作用？

编辑：我通过https://code.jquery.com/jquery-latest.js加载了jquery。我知道这不是最新的，但1.11我相信..但是，.prop仍在工作。

Answer 1

以下选择器也适用于您：

$('#carttable #submitter').prop('value','Other Text');

（见http://api.jquery.com/descendant-selector/）

根据表的ID更改提交按钮值

1 个答案: