Javascript jQuery将css应用于id为x的所有元素

我的目标是将css应用于包含多个数字的所有

p

元素，例如：

<p id="winddir_text" >5 </p>    <!-- don't apply css -->
<p id="winddir_text"> 12 </p>   <!-- apply css -->
<p id="winddir_text"> 48 </p>   <!-- apply css -->

---

此代码仅将css应用于id为

winddir\u text

的第一个元素。有人知道如何解决这个问题吗？

在这种情况下，您应该使用class而不是Id

<p class="winddir_text" >5 </p>    <!-- don't apply css -->
<p class="winddir_text"> 12 </p>   <!-- apply css -->
<p class="winddir_text"> 48 </p>   <!-- apply css -->

---

在这种情况下，您应该使用class而不是Id

<p class="winddir_text" >5 </p>    <!-- don't apply css -->
<p class="winddir_text"> 12 </p>   <!-- apply css -->
<p class="winddir_text"> 48 </p>   <!-- apply css -->

---

您需要找到页面上的所有

p

元素，并对它们进行遍历。jQuery为此提供了一个函数：

$。每个

$('p').each(function() {
  var length = $(this).text().trim().length;
  if (length > 1) {
    $("#winddir_text").css({"top": "33px", "left": "32px", "font-size": "30px"});
  }
});

---

这只会影响第一个

#windir_text

，因为您使用的是ID而不是类之类的东西。您可以轻松地更改这些元素和选择器，以获得所需的结果。

您需要找到页面上的所有

p

元素，并对它们进行浏览。jQuery为此提供了一个函数：

$。每个

$('p').each(function() {
  var length = $(this).text().trim().length;
  if (length > 1) {
    $("#winddir_text").css({"top": "33px", "left": "32px", "font-size": "30px"});
  }
});

---

这只会影响第一个

#windir_text

，因为您使用的是ID而不是类之类的东西。您可以轻松地更改这些id和选择器以获得所需的结果。

您需要将这些id改为类

$（文档）.ready（函数（）{
var ps=$（“.winddir_text”）；
$（ps）.每个（函数（）{
var len=$（this.text（）.trim（）.length；
如果（len>1）{
$（this.css）({
顶部：“33px”，
左：“32px”，
“字体大小”：“30px”
});
}
});
});

5
12
48
您需要将这些id改为类


$（文档）.ready（函数（）{
var ps=$（“.winddir_text”）；
$（ps）.每个（函数（）{
var len=$（this.text（）.trim（）.length；
如果（len>1）{
$（this.css）({
顶部：“33px”，
左：“32px”，
“字体大小”：“30px”
});
}
});
});

5
12
48
尝试在下面的代码中使用类作为处理程序，而不是ID

$('p').each(function(){
    if( parseInt($(this).text()) > 9) {
    // $(this).css();
   }
});

尝试下面的代码，并使用类作为处理程序，而不是ID

$('p').each(function(){
    if( parseInt($(this).text()) > 9) {
    // $(this).css();
   }
});

使用类而不是id。id只能在页面上出现一次。此外，向元素添加类并将规则放入外部样式表中。您应该避免使用
css（）
，除非没有替代的Use类而不是id。id只能在页面上出现一次。此外，向元素添加类并将规则放入外部样式表中。除非别无选择，否则应避免使用
css（）