JSFiddle - React, Tailwind, and code Playground

by davestein

HTML

<div>
    <form id="one">
        Form One
    </form>
</div>
<a id="link-one">Link One</a>
<form id ="two">
    Form Two
</form>
    
    <a id="link-two">Link Two</a>

<form id="three">
    Form Three
</form>
    
    <a id="link-three">Link Three</a>

<div style="height: 30px;"></div>

CSS

form, a { display: block; }

JavaScript

var $forms = $('form');
var $links = $('a');
var $current_link = $('#link-two');



var link_index = $.inArray( $current_link[0], $links );

var $current_form = $( $forms[ link_index ] );


$('body').append ( $current_form.text() );