获取被选择元素的数据名称

在使用 jQuery 选择器时，我们经常需要获取被选择元素的不同属性或数据。本文将介绍如何使用 jQuery 的 select 方法和 selected 属性来获取被选择元素的数据名称。

使用 select 方法获取数据名称

select 方法用于选择带有指定值的元素。在此基础上，我们可以使用 val 方法获取被选择元素的值。

let selectedValue = $('select').val();

上面的代码将选择第一个 select 标签，并获取其选中项的值。但是，如果我们需要获取选中项的文本，则可以使用以下代码：

let selectedText = $('select option:selected').text();

上面的代码中，option:selected 表示已选中的项。

使用 selected 属性获取数据名称

在 jQuery 中，可以使用选中元素的 selected 属性来获取其数据名称。例如：

let selectedName = $('option:selected').attr('name');

上面的代码中，attr('name') 用于获取选中项的 name 属性值。

结论

使用 jQuery 选择器和 select 方法，以及选中元素的 selected 属性，可以轻松地获取被选择元素的数据名称。无论您需要获取选中项的文本还是属性值，这些方法都可以轻松地满足您的需求。