Question

我对javascript和jquery的体验几乎为null，所以......

我正在尝试旋转对象（div_sheet_item），并将其实际旋转存储在名为“rotation”的隐藏输入中。

我无法得到输入的值来计算角度，我不知道为什么。

以下是代码：

的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>

任何帮助都会很棒。

由于

Answer 1

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

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

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

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

parent().find('.rotation')

选择子对象

1 个答案: