Question

当我点击表格中的td时，我正在尝试连接字符串并将其显示在我的文本框中。

到目前为止我这样做了：

   $(document).on("click", ".keywordClick", function () {
            $('.txtKeywords').val($(this).attr('value'));
        });

.keywordClick is td item which contains required string

并且

.txtKeywords is the textbox which is empty initially...

每次有人点击字符串我都希望它像这样：

"Hello world today" => initial click;

"is a sunny day" => second click;

所以输出就像：

今天的Hello世界是一个阳光灿烂的日子......在每个连接的字符串之间应该是一个空格“”＆lt;＆lt;像这样......有人可以帮助我吗？

Answer 1

您可以使用<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul class="Fruits"> <li data-fruit="Mango,Apple">Mango And Apple </li> <li data-fruit="Mango,Strawberry"> Mango And Strawberry</li> <li data-fruit="Apple,Strawberry"> Apple And Strawberry</li> </ul>的回调函数，该函数具有返回要设置的值的函数。它接收集合中元素的索引位置和旧值作为参数。您可以使用旧值与新值连接：

.val()

Answer 2

＆＃13;

      $(".keywordClick").on("click",function () {
         $('.txtKeywords').val($('.txtKeywords').val()+" "+$(this).html());
  
       });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
<table>
 <tr>
    <th>Data</th>
  </tr>
  <tr>
    <td class="keywordClick">Hello world today</td>
    <td class="keywordClick">is a sunny day</td>
  </tr>
</table>
</div>
<div>
<input type="text" class= "txtKeywords">
</div>

＆＃13;

jQuery将字符串连接到输入字段

2 个答案: