附加價值

Question

我想點擊按鈕附加價值hello 2在標籤td與類名subpage後追加類名值hello 3tdadeps機智發現類的HTML代碼，在VAR OBJ和在最後追加var obj白色值.wfnish tbody，它在我的嘗試中不起作用，如何解決它？

DEMO：http://jsfiddle.net/yxKFX/1/

我嘗試：

$('button').live('click', function (e) { 
    e.preventDefault(); 

    $('.wfnish').show(); 

    var obj = '<tr><td>hello 1</td><td class="subpage"></td><td class="tdadeps"></td></tr>'; 

    $(obj, '.subpage').append('hello 2'); 
    $(obj, '.tdadeps').append('hello 3'); 

    $('.wfnish tbody').append(obj);  
}) 

Answer 1

只需使用.find()。

var obj = $('<tr><td>hello 1</td><td class="subpage"></td><td class="tdadeps"></td></tr>'); 

obj.find('.subpage').append('hello 2'); 
obj.find('.tdadeps').append('hello 3'); 

您還會注意到我存儲了傳遞HTML字符串的結果。這是必需的，因爲原始字符串從不修改。

---

如果你真的想使用的第二個參數的jQuery的功能，你讓他們逆轉：

$('.subpage', obj).append('hello 2'); 

引擎蓋下，這是分析，然後重新調用如上.find()代碼。

Answer 2

將obj一次解析爲一個jQuery包裝變量，然後使用find來進行更改。或者，也可以將其插入到字符串中。

$('button').live('click', function (e) { 
    ... 
    var $obj = $('<tr><td>hello 1</td><td class="subpage"></td><td class="tdadeps"></td></tr>'); 

    $obj.find('.subpage').append('hello 2'); 
    $obj.find('.tdadeps').append('hello 3'); 
    $('.wfnish tbody').append($obj);  
}); 

或者，

$('button').live('click', function (e) { 
    ... 
    $('.wfnish tbody').append(
      '<tr><td>hello 1</td><td class="subpage">' 
     + 'hello 2' 
     + '</td><td class="tdadeps">' 
     + 'hello 3' 
     + '</td></tr>' 
    ); 
}); 

Answer 3

$('button').on('click', function (e) { 
    e.preventDefault(); 

    $('.wfnish').show(); 

    var obj = '<tr><td>hello 1</td><td class="subpage"></td><td class="tdadeps"></td></tr>'; 


    $('.wfnish tbody').append(obj);  

    $('td.subpage').html('hello 2'); 
    $('td.tdadeps').html('hello 3'); 
}) 

小提琴：http://jsfiddle.net/yxKFX/2/

Answer 4

只需更改順序：

$('button').live('click', function (e) { 
    e.preventDefault(); 

    $('.wfnish').show(); 

    var obj = '<tr><td>hello 1</td><td class="subpage"></td><td class="tdadeps"></td></tr>'; 

    $('.wfnish tbody').append(obj); 
    $('.subpage').append('hello 2'); 
    $('.tdadeps').append('hello 3'); 
});