jQuery를 부모없는 요소가 나는 구조 다음 한

Question

의 크기를 조정 삽입 :

<td> 
    <input name="foo" size="45"/> 
</td> 

그리고 난 동적 같이, 그 후 이미지를 삽입 한 다음 입력 내부 그것을 배치 할 :

$j('<img class="icon-ketchup" style="display: none; position: relative; right: 35px; top: 7px;" src="http://localhost:82/pod/plugin_assets/webshop/images/icons/cross.png" />').show().insertAfter($j('input')); 

내 td은 input과 크기가 같으며 td 요소의 크기를 조정하지 않으려합니다. 어떻게 이것을 달성 할 수 있습니까?

Answer 1

절대 위치 지정이 필요합니다. Javascript는 필요하지 않지만 원하는대로 계속 사용할 수 있습니다. 키가 TD position: relative; 제작 한 다음 이미지 position: absolute을 가지고있다 HTML http://jsfiddle.net/C7trn/

<td style="position: relative; border: 2px solid black; padding: 5px;"> 
<input name="foo" size="45"/> 
<img class="icon-ketchup" style="position: absolute; right: 5px; top: 7px;" src="http://localhost:82/pod/plugin_assets/webshop/images/icons/cross.png" /> 
</td>​ 

를 참조하십시오. 이렇게하면 이미지가 td을 기준으로 절대 위치에 배치됩니다.