Question

我想让第n个孩子成为一个对象

<div>
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
</div>

在jquery中。

function func(i){
$("div img:nth-child(i)).css("display","none");
}

但是我双引号不起作用。我想知道另一种方式。

Answer 1

只需将变量串联在

中

function func(i){
    $("div img:nth-child(" + i + ")").css("display","none");
}

或使用模板垃圾 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

function func(i){
    $(`div img:nth-child(${i})`).css("display","none");
}

Answer 2

要实现动态nth-child，您可以生成具有动态添加值的选择器。

检查工作代码：

function func(i) {
  $("div img:nth-child(" + i + ")").css("display", "none");
}

func(2);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <img src="1.jpg" />
  <img src="2.jpg" />
  <img src="3.jpg" />
</div>

Answer 3

问题不是双引号，您的语法错误。尝试： $（“ div img：nth-child（” + i +“）”）。css（“ display”，“ none”）;

在jQuery JavaScript中获取nth-child

3 个答案: