我有两个问题:
- 我正在使用此代码:http: //jsfiddle.net/9rFKB/
正如您所看到的,当我单击某些图像时,它的边框变得粗体,并且字段“大小”获取图像的名称。如何获取图像 ID 值?
- 当我加载页面时,我希望所选图像已经带有粗体边框。我需要添加什么?
谢谢!
<p id="thumbs">
<input type="hidden" name="size">
<img src='images/size1.png' id='1' />
<img src='images/size2.png' id='2' />
<img src='images/size3.png' id='3' />
<img src='images/size4.png' id='4' />
</p>
<script>
$('#thumbs').delegate('img', 'click', function() {
var $this = $(this);
$('#thumbs img').removeClass('border-highlight');
$this.addClass('border-highlight');
$('[name="size"]').val( $this.attr('src').substring($this.attr('src').lastIndexOf('/')+1) );
// alert( $('[name="size"]').val() );
});
</script>