按名称搜索孩子

Question

如何通过名称将孩子的div与名称与给定变量的字符串值进行比较来进行搜索？

这就是我正在想的东西：

var vname="whatever";
if($("#container").children().attr('name')==vname{
    $("#container").children().attr(vname).addClass("selected");
}

Answer 1

您可以使用attribute equals selector：

$('#container [name="' + vname + '"]').addClass('selected');

或者如果你只想要直接的孩子：

$('#container > [name="' + vname + '"]').addClass('selected');

Answer 2

你可以尝试

 $("#container").children("[name="+vname+"]").addClass('selected');

Answer 3

您也可以使用一些过滤器

var vname="whatever";
$("#container")
    .children()
    .filter(function(){
        return $(this).attr('name') == vname;
    })
    .addClass("selected");