가상 앵커를 만들 수 있습니까?

Question

각 행을 타임 스탬프로 고유하게 식별하는 표가 있습니다. 각 행마다 앵커를 갖고 싶습니다.

새 "앵커"열을 만들고 각 레코드에 프로그래밍 방식으로 <a name = "(row.ID}}"을 작성하지 않아도되는 방법이 있습니까?

일반 텍스트 형식의 고유 한 타임 스탬프가있는 경우 가상 앵커를 만들 수 있습니까?

사용자가 다른 페이지에서 주석에 대한 참조를 클릭하거나, 해당 주석으로 자동 스크롤하거나, 주석을 게시하거나 편집하는 사용자가 자동으로 방금 작성한 행으로 스크롤하거나 편집 됨.

어떤 요소 ID가 없습니다 내가 예를 들어, ID를 생성하는 프로그래밍 코드를 작성하지 않으 :

<tr id="row9"><td>9</td></tr> 
<tr id="row10"><td>10</td></tr> 

내가 할 수있는,하지만 궁금 해서요 일반 텍스트 타임 스탬프는 몇 가지 방법을 참조 할 수 있다면 . Rory는 이미 요소 ID 없이는 불가능하다고 언급했습니다.

Answer 1

질문을 올바르게 이해할 수 있는지 확실하지 않은 경우 표 생성 방법에 영향을 줄 수 있다면 각 <tr> 요소에 고유 한 id 속성을 추가하고 다른 페이지 (예 : 다른 페이지 포함)에 우 리 조각 (#id). 당신은`것을 넣어 id``id`에 의해 요소에 직접 연결할 수 있습니다 -

<a href="#row97">Scroll to #row97</a> 
 

 
<table> 
 
<tr id="row0"><td>0</td></tr> 
 
<tr id="row1"><td>1</td></tr> 
 
<tr id="row2"><td>2</td></tr> 
 
<tr id="row3"><td>3</td></tr> 
 
<tr id="row4"><td>4</td></tr> 
 
<tr id="row5"><td>5</td></tr> 
 
<tr id="row6"><td>6</td></tr> 
 
<tr id="row7"><td>7</td></tr> 
 
<tr id="row8"><td>8</td></tr> 
 
<tr id="row9"><td>9</td></tr> 
 
<tr id="row10"><td>10</td></tr> 
 
<tr id="row11"><td>11</td></tr> 
 
<tr id="row12"><td>12</td></tr> 
 
<tr id="row13"><td>13</td></tr> 
 
<tr id="row14"><td>14</td></tr> 
 
<tr id="row15"><td>15</td></tr> 
 
<tr id="row16"><td>16</td></tr> 
 
<tr id="row17"><td>17</td></tr> 
 
<tr id="row18"><td>18</td></tr> 
 
<tr id="row19"><td>19</td></tr> 
 
<tr id="row20"><td>20</td></tr> 
 
<tr id="row21"><td>21</td></tr> 
 
<tr id="row22"><td>22</td></tr> 
 
<tr id="row23"><td>23</td></tr> 
 
<tr id="row24"><td>24</td></tr> 
 
<tr id="row25"><td>25</td></tr> 
 
<tr id="row26"><td>26</td></tr> 
 
<tr id="row27"><td>27</td></tr> 
 
<tr id="row28"><td>28</td></tr> 
 
<tr id="row29"><td>29</td></tr> 
 
<tr id="row30"><td>30</td></tr> 
 
<tr id="row31"><td>31</td></tr> 
 
<tr id="row32"><td>32</td></tr> 
 
<tr id="row33"><td>33</td></tr> 
 
<tr id="row34"><td>34</td></tr> 
 
<tr id="row35"><td>35</td></tr> 
 
<tr id="row36"><td>36</td></tr> 
 
<tr id="row37"><td>37</td></tr> 
 
<tr id="row38"><td>38</td></tr> 
 
<tr id="row39"><td>39</td></tr> 
 
<tr id="row40"><td>40</td></tr> 
 
<tr id="row41"><td>41</td></tr> 
 
<tr id="row42"><td>42</td></tr> 
 
<tr id="row43"><td>43</td></tr> 
 
<tr id="row44"><td>44</td></tr> 
 
<tr id="row45"><td>45</td></tr> 
 
<tr id="row46"><td>46</td></tr> 
 
<tr id="row47"><td>47</td></tr> 
 
<tr id="row48"><td>48</td></tr> 
 
<tr id="row49"><td>49</td></tr> 
 
<tr id="row50"><td>50</td></tr> 
 
<tr id="row51"><td>51</td></tr> 
 
<tr id="row52"><td>52</td></tr> 
 
<tr id="row53"><td>53</td></tr> 
 
<tr id="row54"><td>54</td></tr> 
 
<tr id="row55"><td>55</td></tr> 
 
<tr id="row56"><td>56</td></tr> 
 
<tr id="row57"><td>57</td></tr> 
 
<tr id="row58"><td>58</td></tr> 
 
<tr id="row59"><td>59</td></tr> 
 
<tr id="row60"><td>60</td></tr> 
 
<tr id="row61"><td>61</td></tr> 
 
<tr id="row62"><td>62</td></tr> 
 
<tr id="row63"><td>63</td></tr> 
 
<tr id="row64"><td>64</td></tr> 
 
<tr id="row65"><td>65</td></tr> 
 
<tr id="row66"><td>66</td></tr> 
 
<tr id="row67"><td>67</td></tr> 
 
<tr id="row68"><td>68</td></tr> 
 
<tr id="row69"><td>69</td></tr> 
 
<tr id="row70"><td>70</td></tr> 
 
<tr id="row71"><td>71</td></tr> 
 
<tr id="row72"><td>72</td></tr> 
 
<tr id="row73"><td>73</td></tr> 
 
<tr id="row74"><td>74</td></tr> 
 
<tr id="row75"><td>75</td></tr> 
 
<tr id="row76"><td>76</td></tr> 
 
<tr id="row77"><td>77</td></tr> 
 
<tr id="row78"><td>78</td></tr> 
 
<tr id="row79"><td>79</td></tr> 
 
<tr id="row80"><td>80</td></tr> 
 
<tr id="row81"><td>81</td></tr> 
 
<tr id="row82"><td>82</td></tr> 
 
<tr id="row83"><td>83</td></tr> 
 
<tr id="row84"><td>84</td></tr> 
 
<tr id="row85"><td>85</td></tr> 
 
<tr id="row86"><td>86</td></tr> 
 
<tr id="row87"><td>87</td></tr> 
 
<tr id="row88"><td>88</td></tr> 
 
<tr id="row89"><td>89</td></tr> 
 
<tr id="row90"><td>90</td></tr> 
 
<tr id="row91"><td>91</td></tr> 
 
<tr id="row92"><td>92</td></tr> 
 
<tr id="row93"><td>93</td></tr> 
 
<tr id="row94"><td>94</td></tr> 
 
<tr id="row95"><td>95</td></tr> 
 
<tr id="row96"><td>96</td></tr> 
 
<tr id="row97"><td>97</td></tr> 
 
<tr id="row98"><td>98</td></tr> 
 
<tr id="row99"><td>99</td></tr> 
 
</table>