2013-08-14 3 views
1

메신저 및 메신저에 새로운 메신저 버튼 클릭에 대한 요소를 만들려고하고 그것으로 속성을 설정하십시오. 여기까지요소를 만들고 속성을 설정하십시오.

$('#myTable').append(
    $('<tr>').append(
    $('<td>').append(
     $('<input>', {type: 'text', id: 'id'}).append(
     $('<td>').append(
      $('<input>', {type: 'button', id: 'btnAdd', onclick: 'AddRow()',value: 'addrow'}) 
     ) 
    ) 
    ) 
) 
); 

내가 그것을 해결하기 위해 여러분의 도움이 필요합니다 있도록이 잘못 알고 내 코드입니다.

내가 출력하고 싶은 것은 :

:

<tr> 
    <td><input type="text" id="id"></td> 
    <td><input type="button" id="btnAdd" onclick="AddRow()" value="addrow"></td> 
</tr> 
+0

'input.append (td.append (input))'는 논리적으로 잘못되었습니다. 또한 운명의 피라미드! –

+0

왜 코드가 잘못 되었습니까? –

+0

입력 요소에 테이블 셀을 추가 할 수 없으면 첫 번째 셀 다음에 두 번째 셀을 추가해야합니다 – Raidri

답변

5

당신은 단순히 요소의 HTML 속성을 설정할 수

$('#myTable').append('<tr><td><input type="text" id="id"></td><td><input type="button" id="btnAdd" onclick="AddRow()" value="addrow"></td></tr>'); 
+0

인라인 클릭 핸들러? Hmm –

+0

@Jack은 원래 그렇게 된 것처럼 보입니다. 왜 그렇게하지 않았습니까. –

+0

@KevinB OP가 좋은 습관을 알고 있다면 그들이 여기에 질문하지 않을 것입니다 :) –

1

사용 jQuery.attr 기능을 쓸 수 있습니다 편집 : 또한 논리 오류가 발생했습니다. 또한

$('#myTable').append(
    $('<tr>').append(
    $('<td>').append(
     $('<input>') 
     .attr({type: 'text', id: 'id'}) 
    ) 
) 
    .append(
    $('<td>').append(
     $('<input>') 
     .attr({type: 'button', id: 'btnAdd', onclick: 'AddRow()',value: 'addrow'}) 
    ) 
) 
); 

참조 : http://api.jquery.com/attr/

+0

그가하고있는 것처럼'$ ('', {type : "button", value : "Send"}); 그의 코드에서 가장 큰 이슈는''에''을 중첩시킨 것입니다. 그렇지 않으면 괜찮습니다. –

+0

두 번째 표 셀을 첫 번째 입력 요소에 추가합니다. 유효하지 않은 내용입니다. – Raidri

+0

알림을 보내 주셔서 감사합니다. – benestar

0
$(document).ready(function() { 
var html_obj = '<tr>'; 
html_obj += '<td> <input type="text" id="id" value=""/> </td>'; 
html_obj += '<td> <input type="button" id="btnAdd" onclick="AddRow()" 
       value="addrow" /> </td>'; 
html_obj += '</tr>';    
$('#myTable').append(html_obj); 
}); 

<table id="myTable">    
</table> 

당신이 빈 테이블이 다른 사용자가 $를 사용할 수있는 경우 ('#의 myTable에의 TR : 마지막') 후 (html_obj).. 이것은 완벽한 구조를 제공합니다. 희망이 작동합니다.

관련 문제