정리해서 다시문의드립니다.

​제가 너무 두서없이 올려서  다시 정리해서 올립니다. 

li 클릭시 테두리 박스(border: solid 1px #CC0033;)가 나오게 하려고합니다.

아래css에 적용해야 할것같은데요 

문제는 여기에 적용하면 전체 li가 다 적용됩니다. 

.ei-gallery-frame .ei-gallery-list-frame ul.ei-gallery-list li img { width:211px; height:57px; }

그리서 아래 imageItemSelect 함수에서 element 에 css() 를 적용하려고하는데요 

어떻게 함수를 추가해줘야할지 모르겠습니다. 

<script type="text/javascript">

function imageItemSelect(target) {

target = $(target);

$('.ei-gallery-frame>.ei-gallery-view>.ei-gallery-image').attr('src', target.find('>img').attr('src'));

//검색에 '+' 가 들어가면 안되므로 임의로 '+' 를 넣어줌 설명 작성할때 빼야함.

$('.ei-gallery-frame>.ei-gallery-view>.ei-gallery-content').html('+ ' + target.find('>img').attr('alt'));

//iframe keyword 변경 -> 파일 설명으로 검색

$('#preview').attr('src', '/thumblist.php?bo_table=rightcontent&keyword=' + target.find('>img').attr('alt'));

}

$(function() {

imageItemSelect('.ei-gallery-frame>.ei-gallery-list-frame>.ei-gallery-list>li:first');

});

</script> 

<div class="ei-gallery-list-frame">

<ul class="ei-gallery-list">

<?

// 파일 출력

foreach($view['file'] as $file) {

if(!empty($file['file'])) {

?>

<li onclick="imageItemSelect(this);">

<img src="<?=$file['path'].'/'.$file['file']?>" alt="<?=$file['content']?>" /><br><?=$file['content']?> 

</li>

<?

}

}

?>

</ul>

</div> 

제가 초보라 설명이 적절한지 모르겠습니다. 

도움부탁드립니다.(__)