Question

如何使用Jquery将aria-selected =“ false”的状态更改为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（）方法仅获取匹配集中第一个元素的属性值。对于尚未设置的属性的值，它返回undefined

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

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

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

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

Answer 3

要解决的JavaScript代码：

var elem = document.querySelector("yourSelector");
elem.setAttribute('aria-selected', false); //If attribute is true, and false needed
elem.setAttribute('aria-selected', true); //If attribute is false, and true needed

Answer 4

以下解决方案适用于 jQuery：

$('element').prop('ariaSelected', false);
$('element').prop('ariaSelected', true);

通过jQuery设置aria-selected = true

4 个答案: