2013-10-05 22 views
1

我有,我必須找到點擊該搜索後,一些文本導致它應該設置爲輸入框,但它給了我文本之前一些空間問題設置文本輸入框裏面

您可以查看搜索程序它下面的鏈接:

http://jsfiddle.net/VcXtC/

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

回答

1

$("tbody > tr")更改爲$("tbody td")以選擇表格單元而不是行。

+0

它適合我 – user2826111

2

使用jQuery的修剪這個參考API

替換:

$("#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

+1

爲什麼jQuery ...?! JS有一個本地方法來執行此操作...'$(「#searchInput」).val(proid [0] .trim());' – SeinopSys

+0

@ DJDavid98 IE8及以下版本不支持.trim()方法。 – undefined

+0

最新的jQuery不支持IE8以下的AFAIK。 – SeinopSys

2

這是因爲之間的所有空間和<td>。將點擊處理程序放在tbody > tr > td上,或使用proid[0].trim()刪除空格。

FIDDLE

+0

謝謝,現在我明白了爲什麼和從哪裏來的空間 – user2826111

4

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

API:

.trimhttp://api.jquery.com/jQuery.trim/

代碼

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

.trim是正確的,但我應該只針對單元格 – user2826111

+0

@ user2826111確實':)'和'.trim'將解決您的主要問題:「它給我一些空間文本」。很高興你能解決這個問題。 –