Javascript 如何从同一元素中的另一个属性获取attibute

我试图实现的是从同一元素中的另一个属性获取attibute。例如：

<script>
$("#step1").click(function() {
    // Get the attribute 'next' and get its value.
});
</script>

<button id="step1" next=".openNextModal">

$（“#步骤1”）。单击（函数（）{
//获取属性“next”并获取其值。
});

试试下面的方法

$("#step1").click(function() {
    console.log($(this).attr('next'));
});

试着像下面这样

$("#step1").click(function() {
    console.log($(this).attr('next'));
});

---

您需要使用

attr（）

$（“#步骤1”）。单击（函数（）{
//获取属性“next”并获取其值。
var next=$（this.attr（'next'）；
//如果要查找下一个元素的下一个属性值
console.log（$（next.attr（'next'））；
//如果这是一个输入元素，并且您正在查找它的值
log（$（next.val（））；
//如果这是一个非输入元素，并且您正在查找它的html
log（$（next.html（））；
});

您需要使用

attr（）

$（“#步骤1”）。单击（函数（）{
//获取属性“next”并获取其值。
var next=$（this.attr（'next'）；
//如果要查找下一个元素的下一个属性值
console.log（$（next.attr（'next'））；
//如果这是一个输入元素，并且您正在查找它的值
log（$（next.val（））；
//如果这是一个非输入元素，并且您正在查找它的html
log（$（next.html（））；
});

FYI:

next

不是按钮的有效属性我假设创建自定义元素属性的正确方法是使用数据前缀。我知道

next

不是有效的属性@a删除

data-next

，它是一个有效的HTML5自定义数据属性。仅供参考：

next

不是按钮的有效属性我假设创建自定义元素属性的正确方法是使用数据前缀。我知道

next

不是有效的属性@adenouse

data next

，这是一个有效的HTML5自定义数据属性。