如何通过匹配跨度内的文本来选择按钮答案

【问题标题】：how to select button by matching text inside a span如何通过匹配跨度内的文本来选择按钮
【发布时间】：2011-06-10 23:30:43
【问题描述】：

我想根据条件禁用对话框中出现的按钮。问题是我如何访问按钮，因为它是通过对话框动态生成的？

在对话框中生成的 html 代码：

<button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="true">
    <span> class="ui-button-text">Save</span>
</button>

【问题讨论】：

标签： jquery jquery-ui jquery-selectors

【解决方案1】：

我假设您的代码中有错字，您并不是要关闭开始跨度标记，所以您的代码是

<button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="true">
    <span class="ui-button-text">Save</span>
</button>

然后您可以将下一行中的“保存”一词更改为要隐藏的按钮中的任何文本

$("button span:contains('Save')").parent().attr("disabled", true);

【讨论】：

【解决方案2】：

对于DOM的动态生成你可以使用.live()

【讨论】：

【解决方案3】：

您可以使用 JQuery 来匹配属性：

$('button[role=button]').attr("disabled", true);

【讨论】：

【解决方案4】：

$("span:contains('Save')").parent().attr("disabled", true);

【讨论】：