ブートストラップツアーで特定のクラスの最初の要素だけを選択するにはどうすればよいですか？

Question

私のツアーが実行されるページには、クラス.contact-boxのdivが多数あります。

私はすべてを選択したくない、最初のものだけを選択したい。

{ 
    element: "#page-wrapper div.contact-box:first-of-type", 
    title: "Player Info", 
    content: "Here we have a quick snapshot of " 
    }, 

しかし、それは動作しませんでした：

は、私はこれを試してみました。

私は何をしたいのですか？

Answer 1

私がしなければならなかったことは、自分のビュー内でインスタンス変数を使用することだけでした。

私は<script type=text/javascript>タグ内に私のprofiles#index.html.erb以内にこれを実装していますので、これは私がやったことです：単に私が欲しいものであるものをcontact-box div要素の一つを選んだ

{ 
    element: '#page-wrapper div.contact-box.profile-<%= @profiles.first.id %>', 
    title: "Player Info", 
    content: "Blah blah blah" 
    }, 

。