jquery - 如何將文本添加到上面的div中的文本框？

我想添加文本到一個隱藏的文本框下面，當使用點擊刪除DIV ...jquery - 如何將文本添加到上面的div中的文本框？

的Html

<div class="documentRow">  
<div class="documentHeader"> 
    <b>Title:</b> 
    <input data-val="true" data-val-required="Required" id="EventDocuments_1__Title" name="EventDocuments[1].Title" style="width:100px" type="text" value="test.doc"> 
</div> 
<div class="documentDelete"> 
    <input data-val="true" data-val-required="The Delete field is required." id="EventDocuments_1__Delete" name="EventDocuments[1].Delete" type="hidden" value="False"> 
</div> 
<div class="deleteDoc"> 
    <button class="button delDocButton ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">Delete</span></button> 
</div>

的Jquery：

$(".delDocButton").click(function() { 
     $(this).parent().parent().toggle(); 
     $(this).parent().find(".documentDelete input").val("True"); 
     return false; 
    });

我在頁面上有幾個「行」，所以我不能通過id引用文本框。

來源

2012-06-22 Beginner

問題是這一行：

$(this).parent().find(".documentDelete input").val("True");

$(this).parent()是按鈕（<div class="deleteDoc">）的直接父，你的隱藏字段是不是有那麼它不會find它。

要保存不必重複到parent()我建議sometihng likethis來電：

$(".delDocButton").click(function() { 
    var $container = $(this).parent().parent(); 
    $container.toggle(); 
    $(".documentDelete input",$container).val("True"); 
    return false; 
});

活生生的例子：http://jsfiddle.net/SqHzU/

來源

2012-06-22 09:13:22 Jamiec

是切換行，但仍然不設置隱藏的字段值爲真 – Beginner

@Beginner - 我錯過了一個'$'的代碼行......重新檢查代碼。 – Jamiec

謝謝！那工作 – Beginner

更換你行

$(this).parent().find(".documentDelete input").val("True");

有了這個

$(this).parent().siblings(".documentDelete").find("input").val("True");

來源

2012-06-22 09:16:30 blackpla9ue

即使這應該工作：

$(this).parent().find(".documentDelete").find('input').val("True");

來源

2012-06-22 09:17:37 TRR

ü還將檢查該

jsFiddle

希望它有用

來源

2012-06-22 09:21:26

jquery - 如何將文本添加到上面的div中的文本框？

回答

相關問題