html 문자열에 무언가를 추가하는 방법

Question

어떻게 html 문자열에 jquery를 추가 할 수 있습니까?

문자열 HTML :

var stringHtml = '<td>Column 1</td><td>Column 2</td><td></td>'; 

나는 지난 TD 뭔가를 추가합니다 (TD : EQ (2)), 다음 테이블에 추가합니다.

내가 시도 : -

var stringHtml = '<td>Column 1</td><td>Column 2</td><td></td>'; 

$(stringHtml).find('td:last').append('<button>MyButton</button>'); 

$('#myTable tbody').append(stringHtml); 

이 스크립트는 작동하지 않습니다.

도움 주셔서 감사합니다.

Answer 1

jQuery 객체가 아닌 문자열을 추가합니다.

var $ele = $('<td>Column 1</td><td>Column 2</td><td></td>'); 

$ele.find('td:last').append('<button>MyButton</button>'); 

$('#myTable tbody').append($ele); 
// or $ele.appendTo('#myTable tbody'); 

---

UPDATE : 한 선형 체인 코드를 사용과 같은 문제.

$('<td>Column 1</td><td>Column 2</td><td></td>').appendTo('#myTable tbody').find('td:last').append('<button>MyButton</button>');