jquery选择器:不同类的div中相同类的子元素

有两个div类“.div1”和“.div2”。 它们每个都包含相同的代码-具有相同类名的相同元素。 如果我需要在其中一个div中设置/获取元素的值,我如何引用这些元素? 我尝试以下方法:

var hostPopup = "hostdiv" + selectedPopup + " "; // where selectedPopup = "1" or "2"
$(hostPopup + '.testColor').css('background-color', rgba);
$(hostPopup + '.testColorText').css({'color': rgba, '-webkit-filter': 'invert(100%)', 'filter': 'invert(100%)'});

它不起作用。但是,如果我使用hostPopup仅为一个操作指定主机div-这适用于这里的第一行:

$(hostPopup + '.testColor').css('background-color', rgba);
$('.testColorText').css({'color': rgba, '-webkit-filter': 'invert(100%)', 'filter': 'invert(100%)'});

作品

下面是我的一段html的示例:

<div class="hostdiv1" style="padding: 0;"> <!-- hostdiv2 has exactly the same code in it -->
    <div class="NamesDiv nameTypesDiv" style="background-color: dimgray;">
    <div class="namesClass">
        <b>1.</b> Add names
    </div>
    <div class="testColor" style="background-color: rgb(124,124,124); color: white;"><p class="testColorText">Test</p></div>
    <div class="rangeDiv" style="height: 120px;">
    <div class="rangeBars"><input type="range" class="rangeR" min="0" max="100" value="50" tabindex="0"></input>
    <output for="rangeR" class="outR outRange">50</output></div>

那么,为什么$(“.nodeDiv1class.itsinnerelementclass”).'action'…不希望使用其位于nodeDiv1class类元素内部的innerelementsclass元素?