如果组件在页面中多次使用，如何访问特定于ember中组件的DOM元素？

Question

<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是传递给组件的参数。这使得DOM元素id唯一。如何在不使用id的情况下执行此操作？

Answer 1

您可以使用this.$()。这会将选择器范围限定为该特定组件。在您的情况下class