How to add an attribute to the finish button within jQuery-Steps?

Question

TLDR: How would one add an 'id' attribute to the finish button within jQuery.Steps.js?

When the finish button is called it looks like this within HTML:

<a href="#finish" role="menuitem">Finish</a>

This is what I want it to look like:

<a href="#finish" role="menuitem" id="example1">Finish</a>

Any ideas?

score 1 · Answer 1 · edited Jul 06 '18 at 08:10

1

Add this it works

onInit :function (event, current) {
   $('.actions a[href=#finish]').attr('id', 'example1');
}

edited Jul 06 '18 at 08:10

answered Jul 06 '18 at 07:52

Niranjan

That didnt work for me, I had to encapsulate the href with double quotes for it to work like so '.actions a[href="#finish"]' – Jon May 08 '19 at 15:24

score 0 · Answer 2 · edited Mar 30 '16 at 19:48

0

You can define a class for this element and choose a selector for that class in below statement to add id named example1 to Finish element.

$('.some_selector').attr('id', 'example1');

edited Mar 30 '16 at 19:48

isedev

answered Mar 30 '16 at 19:35

Bindiya Maharjan

score 0 · Answer 3 · answered Jul 02 '19 at 09:41

0

Try this:

onInit :function (event, current) {
    $('.actions a[href=\\#finish]').attr('id', 'FinishButton');
}

answered Jul 02 '19 at 09:41

Ryan Lintag

score 0 · Answer 4 · answered May 06 '21 at 05:24

0

Add the following in your steps

onInit: function (event, currentIndex) {
    $('.actions a[href="#finish"]').attr('id', "example1");
},

answered May 06 '21 at 05:24

Jitender Thakur

4 Answers4