Question

我正在尝试添加一个类名＆＃34;已选中＆＃34;对某个特定的li有属性名称=＆＃34; 3＆＃34; .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>.您可能只想为这些列表项添加一个类，或者将它们放在具有此类的div中，这将允许您定位它们和把事件告诉他们。此外，请注意alt在此处无效，您可能正在寻找标题。

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

您可能想要为该值设置隐藏字段。您可以这样做，例如，添加

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

由于您有五组这些<li>，因此您可能希望将它们分组在一个元素下。例如：

<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;
}

： - ）

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

3 个答案: