title: Angular2 get Div position of given #id
body: <p>I am Building a TimeLine Schedule in Angular2, by doing following:</p>
  
  <pre><code>        &lt;div class="timelineRow" *ngFor="let team of teams"&gt;
              &lt;div class="RowDescriptionColumn"&gt;{{team.title}}&lt;/div&gt;
              &lt;div class="scheduleblock" *ngFor="let date of dates; let index=index; let odd=odd; let even=even;"&gt;
                  &lt;div class="timeslot1" [ngClass]="{ odd: odd, even: even }" [attr.id]="team.teamId +'_'+ date.id +'_ts1'"&gt;&lt;/div&gt;
                  &lt;div class="timeslot2" [ngClass]="{ odd: odd, even: even }" [attr.id]="team.teamId +'_'+ date.id +'_ts2'"&gt;&lt;/div&gt;
                  &lt;div class="timeslot3" [ngClass]="{ odd: odd, even: even }" [attr.id]="team.teamId +'_'+ date.id +'_ts3'"&gt;&lt;/div&gt;
                  &lt;div class="timeslot4" [ngClass]="{ odd: odd, even: even }" [attr.id]="team.teamId +'_'+ date.id +'_ts4'"&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="eventBlock" *ngFor="let event of events" [style.left]="getPosition(team, event)"&gt;{{event.title}}&lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>So first i build the timeslots (4 per date) and afterwards, on top of these Timslot-Divs i want to lay the Events. The Event has to start on the correct Date, so i try to get the Position by doing a jQuery (i know: evil)..</p>
  
  <pre><code>getPosition(team, event): string {
      if (this.dates) {
        let left = "0px";
        let found = this.dates.filter(myObj =&gt; new Date(myObj.date).toDateString() === new Date(event.start).toDateString())[0];
        if (found) {
          let pos = jQuery(this.elementRef.nativeElement).find('#' + team.teamId + '_' + found.id + '_' + 'ts3').position();
          console.log(pos);
          if (pos) {
            left = pos.left + "px";
          }
        }
        return left;
      }
    }
  </code></pre>
  
  <p>this doesnt work, but i cant figure out how to get the starting Position of the "underlaying" Timeslot-Div..</p>
  
  <p>P.</p>