javascript - 如何以此为目标标记内部 div？

Question

<c:forEach items="${list}" var="item">
    <div class="block" id="${item.id}" data-num="${item.itemRead}">
        <a id="${item.id}"
            href="javascript:showFeedItem('${item.id}','${item.itemRead}');">
    </div>
</c:forEach>

为什么在创建新数据属性data-num 时出现未定义的属性名称data-num？jQuery:

     $(document).ready(function(){
            $('.block').each(function(i, obj) {
                if($(this).attr("data-num")=="0"){
                   //need to style a inside this
                    $(this).css("background-color","black");
                }
            });
        });

如何像这样定位a:

 $('.block[id="' + id + '"] a').css('color', 'black');

但使用 $(this).css("background-color","black");?

Answer 1

将 this 作为上下文传递给 jQuery 选择器

$(document).ready(function () {
    $('.block').each(function (i, obj) {
        if ($(this).attr("data-num") == "0") {
            //need to style a inside this
            $('a', this).css("background-color", "black");
            //or $(this).find('a').css("background-color", "black");
        }
    });
});

您也可以将其缩短为

$(document).ready(function () {
    $('.block[data-num="0"] a').css("background-color", "black");
});