我对 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/