jQuery Focus選擇整個頁面

Question

我正在嘗試在Ruby on Rails應用程序中實現“復制到剪貼板”功能。 在我的部分中，我有以下代碼：

<div class="share"/>
    <button class='my_clip_button clipboard' data-clipboard-text='<%= request.base_url.chomp('/') + trailer_path(trailer) %>'title='Click me to copy to clipboard.'>
      <%= image_tag('copy.png', :class=>"img-responsive") %>
    </button>
      <div class="reminder">
        <p>Copy link</p>
      </div>
      <input type="text" name="Element To Be Copied" class = "clipboardtext"
      id="inputContainingTextToBeCopied" value='<%= request.base_url.chomp('/') + trailer_path(trailer) %>'
      style="display:none; position: relative; left: -10000px;"/>
    </div>

在我的JavaScript幫助器中，我有：

$('.clipboard').click(function(){
  $(this).closest(".share").find(".clipboardtext").focus();
  document.execCommand('SelectAll');
  document.execCommand("Copy", false, null);
  copyDiv.style.display = 'none';

});

在樹上，我是否應該轉到父div，然后找到具有相應類的第一個元素？ 我對為什么選擇整個網頁感到困惑。 使用ID會更容易，因為我可以簡單地使用getElementById，但是我不確定如何針對類/多個元素進行此操作。 先感謝您。

Answer 1

你有沒有嘗試過：

$(this).siblings(".clipboardtext").focus(); 

要么：

$(this).parent(".share").find(".clipboardtext").focus();

Answer 2

看起來您的div標簽格式錯誤：

<div class="share"/>

應該

<div class="share">

否則在測試中就可以了。