javascript - 属性ごとにJavaScriptを使用してテーブルセルの値を取得する方法

Question

function getSelectedCopyDates() {
            var arr = new Array();
                //for every row that has a checked checkbox
                $("tr").has(".noteCheckBox:checked").each(function (i) {
                    if ($(this).id !== "checkAllNotes"){//since this doesn't have a "abbr=..." it breaks the code below "# syntax error"
                        //push the value of column(FName, LName) into the array 
                        arr.push($("#" + this.id + "> td[abbr='EventDate'] > div").text());
                    }
                });
            return arr;
        }

Answer 1

これを試して

これは、td内のテキストを取得するためのものです

 $('td[abbr="FName, LName"]').text();

また

$('td[abbr*="FName"][abbr*="LName"]').text();

値を取得するにはこれを試してください

$('td[abbr*="FName"][abbr*="LName"]').attr('value')

フィドルをチェック

更新されたフィドル

Answer 2

「セル値」によってテキストを内部に取得しようとしている<td>場合は、次のようにすることができますthis。

HTML：

<table>
    <tr>
        <td align="center" abbr="FName, LName">RAWR</td>
    </tr>        
</table>​

jQuery：

$("td[abbr='FName, LName']").text();

jQueryの.text()メソッドを使用して、指定された要素内の値を取得できます。

編集：

<td>チェックされているチェックボックスが含まれているsのみを取得する必要があるので、これでうまくいく可能性があります。

$("td[abbr='FName, LName'] > input:checked").parent().text(); 

チェックされた入力を含むすべてを検索しtd[abbr='FName, LName'、その要素の親のテキストを取得します。

例

//You won't need the on change event for you code. I only added it here to show you what happens when there are values and when there are no values.

$("input").on("change", function(){
    var arr = new Array();

    //for every row that has a checked checkbox
    $("tr").has(".noteCheckBox:checked").each(function(i){
       //push the value of column 5 (FName, LName) into the array 
       arr.push($("#"+this.id + "> td > div.c5").text());       
    });
    //Print the array to the console.
    console.log(arr);
});​

更新された例

編集：

関数は次のようになります。

function getSelectedInvestigatorNames() {
   var arr = new Array();

   //for every row that has a checked checkbox
   $("tr").has(".noteCheckBox:checked").each(function(i){
      //push the value of column 5 (FName, LName) into the array 
      arr.push($("#"+this.id + "> td[abbr='FName, LName'] > div").text());       
   });

   return arr;
}