Question

我环顾四周，我认为我正确编写了我的代码，但它无法正常工作。这段代码应该获得父ID，并将其提供给孩子以及添加B

HTML

<li id="a">
  <div class="a">
  </div>
</li>

JQUERY

var idName = $('.a').closest('li').atrr('id');

$('.a').attr('id', idName + 'B');

jsfiddle Demo

Answer 1

您遇到语法错误。 .atrr('id');应为.attr('id');

＆＃13;

var idName = $('.a').closest('li').attr('id');

$('.a').attr('id', idName + 'B');

＆＃13;

#aB {
  color: red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<li id="a">
  <div class="a">
    Hello world!
  </div>
</li>

＆＃13;

您的浏览器javascript控制台会指出这一点。

Answer 2

因为你1.你的小提琴中没有包含jQuery，而且你的代码中有一个拼写错误。新小提琴：https://jsfiddle.net/yx0ehdy5/2/

var idName = $('.a').closest('li').attr('id');

$('.a').attr('id', idName + 'B');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li id="a">
  <div class="a">something
  </div>
</li>
</ul>

如何用jquery设置元素id？

2 个答案: