1

ここにテーブル内のアイテムのリストがあります。各項目の右側に「選択」ボタンがあります。ユーザーが「選択」ボタンをクリックするたびに、ボタンの左側にある項目またはテキストが に表示されますspan。「選択」ボタンをクリックすると、すべてのアイテムが表示されますspan。

実際のシナリオを見るには: http://jsfiddle.net/HnAnu/

私のコードは以下にあります：

<html>
<head>
 <script type="text/javascript" src="jquery.1.7.2.min.js"></script>
 <script type="text/javascript">
  $(function() {
   $(".btnSelectItem").click(function () {
    $("#spanItemDescription").html("<u>"+$(".tdItemDescription").text()+"</u>");
   });
  });
 </script>
</head>
<body>
 <div>
  <span>Item: </span>
  <span id="spanItemDescription">____________________________</span>
 </div>
 <table border=1>
  <tr>
   <td class="tdItemDescription">Shin Guard Small</td>
   <td><input type="button" class="btnSelectItem" value="Select"/></td>
  </tr>

  <tr>
   <td class="tdItemDescription">Shin Guard Medium</td>
   <td><input type="button" class="btnSelectItem" value="Select"/></td>
  </tr>

  <tr>
   <td class="tdItemDescription">Shin Guard Large</td>
   <td><input type="button" class="btnSelectItem" value="Select"/></td>
  </tr>
 </table>
</body>
</html>

私を助けてください。前もって感謝します。

4

3 に答える 3

2

これを試してください

  $(function() {
            $(".btnSelectItem").click(function () {
                $("#spanItemDescription").html("<u>"+$(this).parent('td').siblings('.tdItemDescription').text()+"</u>");
            });
        });

フィドルのデモ

于 2012-06-26T03:50:32.397 に答える
2

あなたはちょうど正しいtdを取得する必要があります

$("#spanItemDescription").html("<u>"+$(this).parent('td').prev(".tdItemDescription").text()+"</u>");

フィドル

于 2012-06-26T03:50:41.643 に答える
1 
$(function() {
        $(".btnSelectItem").click(function () {
            var text = $(this).parent().prev().text(); //the previous node of the parent of button
            $("#spanItemDescription").html("<u>"+text+"</u>");
        });
    });

これは機能します:)

于 2012-06-26T03:55:41.933 に答える