如何将单击按钮时动态生成的标签复制到剪贴板？

Question

因此，我正在创建一个标签，该标签将动态填充一个从类中提取的URL。我希望能够通过单击一个按钮将该URL复制到剪贴板。我大部分都可以使用，但是无论在任何行中单击了什么按钮，我的功能都只是选择第一个项目。 （JavaScript的新手）。

我的预期结果是，我单击该表行中的按钮，然后获得该行的标签textcontent。

<script>
    function copytext() {
    /* Get the text field */
    var copyText = document.getElementById("myInput");

    /* Select the text field */
    copyText.select();

    /* Copy the text inside the text field */
    document.execCommand("copy");

    /* Alert the copied text */
    alert("Copied the text: " + copyText.value);
}
</script>


<table class="table1" id="data">
@foreach (var item in Model)
{
    <tr>
        <td>

            @if (item.AssetType.GetHashCode() == 2
                || item.AssetType.GetHashCode() == 3
                || item.AssetType.GetHashCode() == 4)
            {
                @item.AssetType.ToString()<br /><br />
                @item.VideoName<br />
                @item.VideoDate<br />


                <input type="text" id="myInput" value=@item.VideoUrl readonly> <button onclick="copytext()" class="button"></button>

            }
            else
            {
                <p> @item.VideoName<br /></p>
                <p>This video is not ready for streaming.</p>
            }

        <td> @Html.ActionLink("Delete", "Delete", new { id = item.Id })</td>

    </tr>
}
</table>