JSFiddle - React, Tailwind, and code Playground

by Rajesh Sitaraman

HTML

<div webpartid="606947ed-690a-41d4-9d00-8d911e8bb44a" webpartid2="9cc1371b-8826-40f4-b9cf-fbe466498d97" haspers="false" id="WebPartctl00_ctl57_g_9cc1371b_8826_40f4_b9cf_fbe466498d97" width="100%" class="ms-WPBody noindex ms-wpContentDivSpace " allowremove="false" allowdelete="false" style="">
    <div id="ctl00_ctl57_g_9cc1371b_8826_40f4_b9cf_fbe466498d97">
        <div class="ms-rte-embedcode ms-rte-embedwp">
            <div id="configcontainer">
                <div class="input-group">
                    <input id="videolinktxtbox" type="text" class="form-control placeholder" placeholder="Enter video link here.." aria-describedby="basic-addon1"> <span class="input-group-btn"><span class="glyphicon glyphicon-film" aria-hidden="true"></span>

                    <button id="AddVideo" class="btn btn-default" type="button">Go!</button>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

JavaScript

console.log($('#videolinktxtbox').parents("div[webpartid]")[0].getAttribute("webpartid"));