Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何从列表类型中删除特定属性名称_Jquery_Html - Fatal编程技术网

Jquery 如何从列表类型中删除特定属性名称

Jquery 如何从列表类型中删除特定属性名称,jquery,html,Jquery,Html,如何删除具有特定属性名称的列表类型,我正在尝试从动态变量中删除具有该属性名称的特定li。如何解决这个问题 var Attribute = 2; <ul> <li name="1">as</li> <li name="2">asd</li> <li name="3">asdf</li> </select> $("ul li").each(function () { if($(this).hasAttr(

如何删除具有特定属性名称的列表类型,我正在尝试从动态变量中删除具有该属性名称的特定li。如何解决这个问题

var Attribute = 2;
<ul>
<li name="1">as</li>
<li name="2">asd</li>
<li name="3">asdf</li>
</select>
$("ul li").each(function () {
if($(this).hasAttr("name",Attribute){
$(this).remove();
}
else{
alert("no attribute present");
}
});
var属性=2;
  • 作为
  • asd asdf $(“ul li”)。每个(功能){ if($(this).hasAttr(“name”,属性){ $(this.remove(); } 否则{ 警报(“不存在属性”); } });
这有两个部分:

  • 查找
    li

    var li = $('li[name="' + Attribute + '"]');
    
    请注意字符串连接。它会生成一个类似于
    li[name=“2”]
    的字符串。在您的示例中,属性值周围不需要
    ,但如果它包含空格或其他字符,我们最好将其包含在内

    这是一个CSS选择器。更多关于它们的信息

  • 使用以下命令将其删除:

  • 当然,这些可以结合起来:

    $('li[name="' + Attribute + '"]').remove();
    
    实例:

    setTimeout(函数(){
    var属性=2;
    $('li[name=“”+属性+“]”)。删除();
    },800);
    • 作为
    • asd asdf
    您可以使用
    attr()
    检查属性
    attr()
    为您提供所提供内容的属性值。
    var属性=2;
    $(“ul li”)。每个(功能){
    if($(this).attr('name')==属性){
    $(this.remove();
    }
    否则{
    //警报(“不存在属性”);
    }
    });
    
    
    • 作为
    • asd asdf
    尝试使用简单的直接选择器
    $(“ul”)。查找('li[name=“”+属性+”)。删除()

    var属性=2;
    $(“ul”).find('li[name=“”+Attribute+'”]).remove()
    
    
    • 作为
    • asd asdf
    $('li[name="' + Attribute + '"]').remove();