.each()来搜索背景颜色

.each() to search for a background color

本文关键字:背景 颜色 搜索 each      更新时间:2023-10-18

我正在寻找突出显示的元素。我似乎无法进入.each()函数。我需要导航到吗。resultsselecteddiv,因为它本身就在div内部?我不知所措。

$(document).ready(function () {
        console.log('ready ');
        $('.resultsselected [background-color]').each(function() {
            var match = 'Green'; // match background-color:
            console.log(' looking ');
            if ($(this).css('background-color') == match) {
                $(this)[0].scrollIntoView();
                console.log(' found it ');
            }
            else console.log(' nope ');
        });
    });

所有这些都在ListView中这是我的SelectedItemTemplate

                            <SelectedItemTemplate>
                                <div class="results resultsselected">
                                    <asp:LinkButton ID="LineLinkButton" runat="server">
                                        <asp:Label ID="" runat="server" Text='<%# %>' />
                                        <asp:Label ID="" runat="server" Text='<%# %>' />
                                        <asp:Label ID="" runat="server" Text='<%# %>' />
                                        <asp:Label ID="" runat="server" Text='<%# %>' />
                                </asp:LinkButton>
                              </div>
                         </SelectedItemTemplate>

我的ItemTemplate类似,但没有resultsselected类,只有results类。

编辑:我取出.each(),现在我进入控制台准备好查看nope

$(document).ready(function () {
        console.log('ready ');
            var match = 'rgb(0, 128, 0)'; // match background-color:
            console.log(' looking ');
            if ($('.resultsselected [background-color]').css('background-color') == match) {
                $('.resultsselected [background-color]')[0].scrollIntoView();
                console.log(' found it ');
            }
            else console.log(' nope ');
    });

我把这个输入我的控制台

$('.resultsselected').css('background-color')

然后拿到这个

"rgb(0, 128, 0)"

我现在真的不明白。

我已经更改了两个选择器,一个在each中,另一个进行匹配。我不知道scrollIntoView是做什么的,但它看起来有点不确定。

$('.resultsselected').each(function() {
  var match = 'Green'; // match background-color:
  console.log(' looking ');
  if ($(this).css('backgroundColor') == match) {
    $(this)[0].scrollIntoView();
    console.log(' found it ');
  } else {
    console.log(' nope ');
  }
});

您还可以执行以下操作:

$(document).ready(function(){
      if($('.resultsselected').css('background-color') == 'green'){
           $(this)[0].scrollIntoView();
      }
});

我没有对此进行测试,但它应该有效。