JSFiddle - React, Tailwind, and code Playground

HTML

<div id="pages">
    
<ol>
    <li>
        <button data-catid="1" data-title="Welcome to Python.org" data-url="https://www.python.org/" class="btn btn-mini btn-primary" type="button">Add</button>
        <strong><a href="https://www.python.org/">Welcome to Python.org</a>
        </strong>
    </li>

    <li>
        <button data-catid="1" data-title="Python (programming language) - Wikipedia, the free ..." data-url="http://en.wikipedia.org/wiki/Python_(programming_language)" class="btn btn-mini btn-primary" type="button">Add</button>
        <strong><a href="http://en.wikipedia.org/wiki/Python_(programming_language)">Python (programming language) - Wikipedia, the free ...</a>
        </strong>
    </li>

    <li>
        <button data-catid="1" data-title="Download Python | Python.org" data-url="https://www.python.org/download" class="btn btn-mini btn-primary" type="button">Add</button>
        <strong><a href="https://www.python.org/download">Download Python | Python.org</a>
        </strong>
    </li>
</ol>
    
</div>

JavaScript

$(document).ready(function() {
    
    $("#pages").on("click", "button.btn", function(event) {
        event.preventDefault();
        event.stopPropagation();
        url = $(this).attr("data-url");
        alert(url);
    });

});