選擇錨標記文本具有多個錨

我有一個表，並在每個TD我已經指定href標記一樣，這選擇錨標記文本具有多個錨

<tbody data-bind="foreach: binddetails"> 
    <tr>       
     <td><a class="info_link" data-bind="text: Status"></a></td> 
     <td class="text-right"><a data-bind=" text: Count.toFixed(0)"></a></td> 
     <td class="text-right"><a data-bind=" text: Total.toFixed(0)"></a></td> 
    </tr> 
</tbody>

當我點擊我需要的價值鏈接特別是td。我寫了jQuery方法來獲取文本，但我得到空值。

$(function() { 
    $('.info_link').click(function() { 
     alert($(this).text()); 
    }); 
});

來源

2015-05-18 Aarthi Ravendiran

返回null，因爲的.text（）返回和標籤之間的文本 – Riddler

讓我們想象一下，這'data-bind'屬性導致''內有_status_文本。然後它的工作：[小提琴]（http://jsfiddle.net/vm0f76jk/）。 – Regent

@Riddler：我已將標籤之間的文本綁定在一起。當我點擊它返回null –

，如果你想這是每一個TD內（如你在你的問題）的文本，你可以這樣寫：

$('td').click(function() { 
    alert($(this).text()); 
});

，如果你想這是每一個內的文本標籤（這就是你的代碼是試圖做），你可以這樣寫：

$('td>a').click(function() { 
    alert($(this).text()); 
});

反正你有TD內沒有或要顯示什麼，從而可以提醒。如果你的代碼是這樣的，你會得到一個值：

<td>dummy<a class="info_link" data-bind="text: Status"></a></td>

將只在第一個選項返回一個值（返回TD值）。如果你的HTML是這樣的，你會得到一個值與兩個代碼：

<td><a class="info_link" data-bind="text: Status">Dummy.</a></td>

在這兩種情況下，你會得到「虛擬」的警告值。

來源

2015-05-18 10:31:36

Active ---這是我得到的呈現的html。希望有標記之間的值，但它仍然返回空值 –

@AarthiRavendiran我已經提供了問題的小提琴的評論，它顯示了orignal代碼確實工作。 – Regent

@Regent是啊你在JSFiddle中顯示了輸出。這就是我的預期..但即使在我實現它的時候，我仍然沒有看到它。 –

你能解決這個沒有jQuery的，就像這樣：

function YourViewModel() { 
    //binddetails... 
    this.showStatus = function (details) { 
     alert(details.Status()); 
    } 
};

HTML：

<tbody data-bind="foreach: binddetails"> 
    <tr>       
     <td><a class="info_link" data-bind="text: Status, click: $root.showStatus"></a></td> 
     <td class="text-right"><a data-bind=" text: Count.toFixed(0)"></a></td> 
     <td class="text-right"><a data-bind=" text: Total.toFixed(0)"></a></td> 
    </tr> 
</tbody>

來源

2015-05-18 11:38:45

選擇錨標記文本具有多個錨

回答

相關問題