Question

我是jquery的初学者，我遇到了问题，我无法访问div edicionDieta

这是我的代码

JQUERY

$(document).ready(function() {
  $(".dia a").click(function () {
    $(".sombraAlimentos").show();
    $(this).find(".edicionDieta").show("slow");
  });
});

HTML

<div class="sombra alimento"></div>
<div id="dia">
    <a>Cambiar</a>
    <div class="edicionDieta"></div>
</div>

Answer 1

试试这个

HTML

<div class="sombra alimento">
    sombra alimento content
</div>
<div id="dia">
    <a>Cambiar</a>
    <div class="edicionDieta">
        edicionDieta content
    </div>
</div>

JS

$(document).ready(function() {
  $("#dia a").click(function () {      
    $(".sombra.alimento").show();
    $(this).parent().find(".edicionDieta").show('slow');
  });
});

<强> jsFiddle

Answer 2

试试这个，

<强> HTML

<div class="sombraAlimentos"></div>
<div id="dia">
    <a>Cambiar</a>
    <div class="edicionDieta"></div>
</div>

<强> JQUERY

$(document).ready(function() {
  $("#dia a").click(function () {
    $(".sombraAlimentos").show();
    $(this).next(".edicionDieta").show("slow");
  });
});

Answer 3

  find `id` components using `#` and `class` using .

HTML

<div class="sombra alimento"></div>
<div id="dia">
    <a>Cambiar</a>
    <div class="edicionDieta" style="display:none">a</div>
</div>

Jquery的

  $("#dia a").click(function () {
    $(".edicionDieta").show("slow");
  });

http://jsfiddle.net/jaVM7/

Answer 4

您的错误是在div上使用类选择器。更新您的代码如下：

...
$("#dia a").click(function () {
...

另外，在你的标记中：

<div class="sombra alimento"></div>

看起来不正确。你可能想要改变它：

<div class="sombraAlimento"></div>

Answer 5

尝试：

$(document).ready(function() {
  $("#dia a").click(function () {
    $(".sombra.alimentos").show();
    $(this).parent().find(".edicionDieta").show("slow");
  });
});

Answer 6

您的班级名称错误 - 在您的HTML中为sombra alimento，在您的JS中为sombraAlimentos。

此外，在您的JS中，您使用的是.dia，但您的HTML正在使用id="dia"。

要解决此问题，请将HTML更改为：

<div class="sombraAlimentos"></div>
<div class="dia">
    <a>Cambiar</a>
    <div class="edicionDieta"></div>
</div>

Answer 7

尝试使用#dia a代替.dia a

 $("#dia a").click(function () {
     $(".sombra.alimento").show();
     $(this).parent().find(".edicionDieta").show('slow');
 });

我无法展示具体的div

7 个答案: