javascript - 选择子对象

标签 javascript jquery

我对 javascript 和 jquery 的经验几乎为零,所以...

我正在尝试旋转一个对象(div_sheet_item),并将其实际旋转存储在名为“rotation”的隐藏输入中。

我无法获取输入值来计算 Angular ,我也不知道为什么。

代码如下:

Javascript

$(document).ready(function() {
  $('.div_sheet_item_rotate').click(function() {
    var rotation = $(this).parent().find('rotation').val();
    rotation += 90;
    $(this).parent().rotate(rotation);
  });
});

HTML

<li class="div_sheet_item" style="width: 330px; height: 230px;">
  <div class="div_sheet_item_rotate"><img src="img/ico_rotate.png"/></div>
  <input type="hidden" name="rotation" value="0" />
</li>

<li class="div_sheet_item" style="width: 330px; height: 230px;">
  <div class="div_sheet_item_rotate"><img src="img/ico_rotate.png"/></div>
  <input type="hidden" name="rotation" value="0" />
</li>

<li class="div_sheet_item" style="width: 330px; height: 230px;">
  <div class="div_sheet_item_rotate"><img src="img/ico_rotate.png"/></div>
  <input type="hidden" name="rotation" value="0" />
</li>

任何帮助都会很棒。

谢谢

最佳答案

jQuery .find() function将选择器作为参数。 要按名称查找输入,您应该使用 Attribute Equals Selector :

parent().find('[name="rotation"]')

但更好的方法是为您的旋转输入分配一个类,然后按类选择它:

<input type="hidden" name="rotation" class="rotation" value="0" />

parent().find('.rotation')

关于javascript - 选择子对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45697563/

相关文章:

javascript - 查找字符串中引号之间的值并将该值存储在变量中

javascript - JS : Create a method to return an array that does not include the index values from the array passed to my method

javascript - 尽管调用了 .fadeOut 命令,但 Gif 没有淡出

javascript - 视觉 : CSS animations on class change

javascript - 使用 jQuery 保留函数之间的值

javascript - 从另一个 JSON 对象创建 JSON 对象

javascript - 向弹出窗口添加 24 小时 cookie 使其根本不显示?

javascript - 如何在 JavaScript 中检查 isEmpty

javascript - 将数组传递给 Flot 图表

javascript - 使用 require.js 在 Web Worker 中加载 JQuery