如何将样式应用于具有特定值的元素 [英] How to apply styles to an element that have specific value

问题描述

在如下菜单中：

 <   ul  >  
 <  < span class =code-leadattribute> li  >  <   a     href   = ＃    value   =  art1 > 部分1 <   / a  >  < span class =code-keyword><   / li  >  
 <   li  >   <   a     href   = ＃    value   =  art2 > 第2部分<   / a  >  <   / li  >  
 <   li  >  <   a   < /跨度>  href   = ＃    value   =  ART3 <跨度类= 代码关键字>> 部3 <跨度类= 代码关键字><  <跨度类=代码leadattribute > / a  >  <   / li  >  
 <   li  >  <   a     href   = < span class =code-keyword>＃    value   =  art4 >  part4 <   / a  >   <   / li  >  
 <   / ul  >  

如何根据各自的属性值更改每个项目的样式？



如果这是真的？



$（ul li）。value（art3）。css（）;

解决方案

< blockquote>（ul li）。value（art3）。css（）;

选择第三个节点并将颜色更改为绿色。使用

（' ul> li [value = art3]'）。css（' color'，' green'）;

了解有关 JQuery选择器 [ ^ ]

In a menu like:

<ul>
    <li><a href="#" value="art1">part 1</a></li>
    <li><a href="#" value="art2">part 2</a></li>
    <li><a href="#" value="art3">part 3</a></li>
    <li><a href="#" value="art4">part4</a></li>
</ul>

how to change style of each item based on their respective attribute "value"?

if this is true?

$("ul li").value("art3").css();

解决方案

("ul li").value("art3").css();

To select the third node and change the color to green. Use

('ul>li [value=art3]').css('color', 'green');

Learn more about JQuery selectors[^]

这篇关于如何将样式应用于具有特定值的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！