在输入字段内设置文本的问题

Question

我有搜索程序，我必须在点击搜索结果后找到一些文本，它应该设置到输入框中，但是它在文本之前给了我一些空间

您可以在以下链接中查看：

http://jsfiddle.net/VcXtC/

$("tbody > tr").click(function(){
    var proid = $(this).text().split(":"); $("#searchInput").val(proid[0]);
});

Answer 1

工作演示 http://api.jquery.com/jQuery.trim/

API：

.trim：http://api.jquery.com/jQuery.trim/

<强>码

$("tbody > tr").click(function(){
    var proid = $(this).text().split(":");
    alert(proid[0]);
    $("#searchInput").val(proid[0].trim());
});

Answer 2

对此参考API

使用 jquery trim

替换：

$("#searchInput").val(proid[0]);  

致：

$("#searchInput").val(proid[0].trim());  

您应该触发点击事件，例如

$("tbody > tr > td").click(function(){
    var proid = $(this).text().split(":"); $("#searchInput").val(proid[0].trim());
});

JSFIDDEL DEMO

Answer 3

这是因为<tr>和<td>之间的所有空格。将点击处理程序放在tbody > tr > td上，或使用proid[0].trim()删除空格。

FIDDLE

Answer 4

将$("tbody > tr")更改为$("tbody td")以选择表格单元格而不是行。