jQueryの私のhtmlが何かのように見える..私はjqueryのを使用してsectionj DIVにテキストを追加しようとしていますが、テキストは私の希望のdivの外に行くのdivセクション

Question

の外にテキストを追加：私のjsの機能がどのように見える

<!--CONTENT AREA--> 
<div id="content"> 
    <div id="content_inner"> 
    <h2 id='titulo'>BUSCAR:</h2> 
    KEYWORDS: 
    <input type='text' id='paramsQuery'> 
    <input type='submit' id='botonBuscar' value='buscar'> 
    <div id='results'></div> 
    </div> 
</div> 

これは：

$(document).ready(function() { 
    $("#botonBuscar").click(function() { 
    var params = $("#paramsQuery").val(); 
    $("#column3_inner").append(params); 
    }); 
}); 

テキストを希望の幅に維持するための提案はありますか？

Answer 1

提供されたコードに含まれていない要素に結果を追加しています。代わりに#resultsに入れようとしていたのでしょうか？

$(function() { 
    $("#botonBuscar").on("click", function() { 
    $("#results").append($("#paramsQuery").val()); 
    }); 
}); 

デモ：あなたのテキストは、あなたのボックスをあふれされている場合はhttp://jsbin.com/icapuh/edit#javascript,html

、あなたはそこにいくつかのオプションを持つことができます。 `column3_inner`がどこにある

#results { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    -o-text-overflow: ellipsis; 
    -ms-text-overflow: ellipsis; 
}