如何检查一个特定的属性名是否存在

Question

我试图将一个类名“selected”添加到一个特定的li属性名=“3”.am也动态地尝试这个。

<ul> 
<li name="1"></li> 
<li name="2"></li> 
<li name="3"></li> 
<li name="5"></li> 
</ul> 

Answer 1

您可以使用属性等于选择在这里：

$('li[name=3]').addClass('selected') 

Answer 2

在单击处理程序的回调，这是指点击<li>.您可能要加个班只是为这些列表项，或把它们在这样的课堂上，这将允许你瞄准他们并把事件给他们。另外，请注意，alt在这里无效，您可能正在寻找标题。

$('li').click(function(){ 
    var justify = $(this).attr('alt'); 
    alert(justify); 
}); 

您可能希望将隐藏字段设置为该值。你能做到这一点，例如，通过添加

$('#hiddenJustify').val(justify) 

既然你有五组，这些<li> S的，你可能想给他们一个组元素下。例如：

<div class="line-justify-group"> 
    <ul> 
     <li>...</li> 
     <li>...</li> 
     <li>...</li> 
    </ul> 
    <input type="hidden" name="line1justify" id="line1justify" class="justify-value" /> 
</div> 

然后，您可以使用代码设置：

$(this).closest(".line-justify-group").find(".justify-value").val(justify); 

的项目将被发送到服务器。

Answer 3

DOM方法，

document.getElementsByName("3").className="selected"; 

JQuery的方法，

$('li[name="3"]').addClass('selected'); 

CSS方法 //我有注意到想这一个，但希望如此，将工作

li [name="3"], .Selected { 
    background:red; 
} 

： - ）