我使用 thymeleaf 迭代 html 中的 td 值。我創(chuàng)建的網(wǎng)頁使得 td 的每個迭代元素都有 view,approve.disapprove 按鈕。現(xiàn)在，當(dāng)用戶按下 VIEW 按鈕時，我需要訪問與其對應(yīng)的特定 td 值。關(guān)于如何在 javascript 中訪問 td 值的任何解決方案。？我目前在js中使用這個。但它返回整個列表值。不是特定的值。 var r = $("#testing #InputRuleName").text(); alert(r);網(wǎng)頁設(shè)計： <ol> <table id="testing"> <tr th:each="RuleNameList : ${model.RuleNameList}"> <br/> <br/> <li> <td th:id="InputRuleName" th:text="${RuleNameList}" /> <button type="button" onclick="sendresponse()" id="view">VIEW</button> <button type="button" onclick="sendresponse()" id="Approve">APPROVE</button> <button type="button" onclick="sendresponse()" id="DisApprove">DISAPPROVE</button> </li> <br/> </tr> </table> </ol>
3 回答
慕田峪9158850
TA貢獻(xiàn)1794條經(jīng)驗 獲得超8個贊
event您可以從對象中訪問它
onclick="sendresponse(event)"
function sendresponse(e) {
console.log(e.target.parentElement)
}
catspeake
TA貢獻(xiàn)1111條經(jīng)驗 獲得超0個贊
您可以捕獲tr級別的事件并寫入條件來識別源
更改 tr 并放置一個虛擬 CSS 類
<tr class="datarow"
現(xiàn)在為該 CSS 類選擇器編寫一個 jQuery
$(".datarow").on('click', function(e) {
if(e.target.value == 'view') { //identify if this button is pressed
//traverse above the button and traverse back inside
alert( $("td", $(e.target).parent()).text() );
}
});
說明$("td", $(e.target).parent())，jQuery允許在已選擇的元素內(nèi)進(jìn)行選擇，第一個參數(shù)是選擇器字符串，第二個參數(shù)是先前選擇的元素
大話西游666
TA貢獻(xiàn)1817條經(jīng)驗 獲得超14個贊
如果您單擊 td，則可以使用currentTarget => https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget
$('td').on('click',(el)=>{
console.log(el.currentTarget)
}如果沒有，您可以使用event.target => https://developer.mozilla.org/en-US/docs/Web/API/Event/target查看它的屬性
$('td').on('click',(el)=>{
//On it's properties you can see parentNodes, parents, childs....
console.log(el.target)
}- 3 回答
- 0 關(guān)注
- 152 瀏覽
添加回答
舉報
0/150
提交
取消