我正在创建一个包含5行文本的表单,每个文本我允许用户选择是否希望文本居中,左对齐或右对齐.我有一个列表元素x5的未编号列表.
<li><img src="images/justify_left.png" alt="left" /><span>Justify Left</span></li> <li><img src="images/justify_center.png" alt="center" /><span>Justify Left</span></li> <li><img src="images/justify_right.png" alt="right" /><span>Justify Left</span></li>
5组< li>中的每一组都是items指其各自的行.
解决方法
在点击处理程序的回调中,这指的是点击的< li>.您可能希望仅为这些列表项添加一个类,或者将它们放在具有此类的div中,这将允许您将它们作为目标并将事件绑定到它们.此外,请注意alt在这里无效,您可能正在寻找标题.
$('li').click(function(){
var justify = $(this).attr('alt');
alert(justify);
});
您可能希望将隐藏字段设置为该值.你可以这样做,例如,添加$(‘#hiddenJustify’).val(justify).
由于您有五组这些< li> s,您可能希望将它们分组在一个元素下.例如：
<div class="line-justify-group">
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
<input type="hidden" name="line1justify" id="line1justify" class="justify-value" />
</div>
然后,您可以使用以下代码进行设置：
$(this).closest(".line-justify-group").find(".justify-value").val(justify);
然后,这些项目将发布到服务器.
