如果组件在页面中多次使用,如何访问特定于 ember 中组件的 DOM 元素?
How to access DOM elements specific to a component in ember, if the component is used multiple times in a page?
<div id="slidecontainer">
<input type="range" min=1 max=5 value=1 class="slider" id={{concat uid qid}} data-show-value="true" onchange={{action 'slidervalue' qid qtext 1 3 5 values.label1 values.label2 values.label3 response uid obj}} required/>
<div class="popup">
<span class="popuptext" id={{concat uid qtext}}>1</span>
</div>
</div>
这里我通过创建动态 id 来访问它们,即 id={{concat uid qid}} 其中 uid 和 qid 是传递给 component.This 的参数使得 DOM 元素 id unique.How 在不使用 id 的情况下执行此操作?
您可以使用 this.$()。这会将选择器的范围限定到该特定组件。在你的情况下 this.$('.popuptext')[0]
<div id="slidecontainer">
<input type="range" min=1 max=5 value=1 class="slider" id={{concat uid qid}} data-show-value="true" onchange={{action 'slidervalue' qid qtext 1 3 5 values.label1 values.label2 values.label3 response uid obj}} required/>
<div class="popup">
<span class="popuptext" id={{concat uid qtext}}>1</span>
</div>
</div>
这里我通过创建动态 id 来访问它们,即 id={{concat uid qid}} 其中 uid 和 qid 是传递给 component.This 的参数使得 DOM 元素 id unique.How 在不使用 id 的情况下执行此操作?
您可以使用 this.$()。这会将选择器的范围限定到该特定组件。在你的情况下 this.$('.popuptext')[0]