Javascript 无法使用jquery获取输入元素的第二个父元素

我的web应用程序中有以下标记，其中有一个输入元素，现在我想将下面span的文本从“-”更改为其他内容

下面是标记：-

<span dir="none">
    <table id="OrderQuickOrder_a91a0ce2-7fb6-4c9c-97f5-e851cf4f10a6_MultiChoiceTable" cellspacing="1" cellpadding="0">
        <tbody>
         <tr>
            <td>
            <span class="ms-RadioText" title="Yes">
            <input id="OrderQuickOrder_****_MultiChoiceOption_0" type="checkbox">
            <label for="OrderQuickOrder_**_MultiChoiceOption_0">Yes</label>
            </span>
            </td>
        </tr>
        </tbody>
    </table>
</span>
<span class="ms-metadata">-</span>

对
-

这是我的jQuery选择器：-

$('input[id^="OrderQuickOrder_"]').parent('span').parent('span').nextAll('span').after('<a id="dialogtrigger" href="/*****" target="_blank">Items Order</a>' );

$（'input[id^=“OrderQuickOrder”].parent（'span'）。parent（'span'）。nextAll（'span'）。在（''）之后；

但是上面的代码没有改变任何事情。我认为

.parent（'span'）。parent（'span'）

无法选择输入元素的直接父span的父span…

使用parents（）进行选择：

$（'input[id^=“OrderQuickOrder_quo;]）.parents（）
.nextAll（'span'））
.在（''）之后；

如果要删除文本并插入新文本，请使用：

$('input[id^="OrderQuickOrder_"]').parents()
     .nextAll('span')
     .text('')
     .after('<a id="dialogtrigger" href="/*****" target="_blank">Items Eligable for Quick Order</a>' );

$（'input[id^=“OrderQuickOrder_quo;]）.parents（）
.nextAll（'span'））
.文本（“”）
.在（''）之后；

请不要发布代码的图片。发布实际的代码。是的，如果代码可用，它使我们更容易重用代码，而不必重新键入所有代码进行调试it@ScottMarcus好的，好的。。我提供了实际的markup@Keith我提供了实际的标记代码。谢谢

$('input[id^="OrderQuickOrder_"]').parents()
     .nextAll('span')
     .text('')
     .after('<a id="dialogtrigger" href="/*****" target="_blank">Items Eligable for Quick Order</a>' );