如何通过 jQuery 设置 `aria-selected=true`

Question

如何使用 jQuery更改aria-selected="false"to的状态？aria-selected="true"

在这里你可以看到我是如何尝试做到这一点的：

$('element aria-selected').html(true)
$('element aria-selected').text(true)
$('element aria-selected').val(true)
$('element').attr('aria-selected', 'true').prop('selected', true)
$('element').attr('aria-selected', 'true')
$('element').prop('selected', true)

Answer 1

$('element').attr('aria-selected',true);

这将解决你的目的

Answer 2

仅prop()或attr()可以将aria-selected属性设置为true

正确的代码是：

$('element').prop('aria-selected', true);

或者

$('element').attr('aria-selected', true);

有关每个属性的更多详细信息：

如果元素是容器，如div、p、h1、b等a，则需要使用html() html() 方法设置或返回所选元素的内容（innerHTML）。

• $('element aria-selected').html(true)

所以html()不会在这里工作。

如果元素是容器，如div、p、h1、b、a等，则需要使用text() 与 .html() 方法不同，.text() 可以在 XML 和 HTML 文档中使用。.text() 方法的结果是一个包含所有匹配元素的组合文本的字符串。

• $('element aria-selected').text(true)

所以text()不会在这里工作。

如果元素是输入字段，如文本、隐藏等，您需要使用val()

• $('element aria-selected').val(true)

所以val()不会在这里工作。

prop() 方法设置或返回所选元素的属性和值。.prop() 方法仅获取匹配集中第一个元素的属性值。对于尚未设置的属性值，它返回未定义

• $('element').attr('aria-selected', 'true').prop('selected', true)
• $('element').prop('selected', true)

attr() 方法设置或返回所选元素的属性和值。

• $('element').attr('aria-selected', 'true')

所以attr()会在这里工作。