テーブル内をテキストで検索し見つかった行の特定の列を操作する

IE11 not supported
This snippet does not support IE11.

テーブル内をテキストで検索し、見つかった行の特定の列に対してテキストを取得したり、クリックするなどの操作を行います。条件に当てはまる要素が複数ある場合、最初に見つかったものが使用されます。

const targetText = ""; //TODO: 探したいテキストを指定してください。そのテキストの属する行が対象になります。
const colIndex = 1; //TODO: 操作したいセルの列番号を指定してください。テキストで見つけた行の中の、何番目の列かを指定します。

const xpath = `//td[text()="${targetText}"]`;

function getElementByXpath(xp) {
  return document.evaluate(
    xp,
    document,
    null,
    XPathResult.FIRST_ORDERED_NODE_TYPE,
    null
  ).singleNodeValue;
}

let tempElement = getElementByXpath(xpath);
if(!tempElement) {
  throw new Error(`Error: TD element not found (${xpath})`);
}

while(tempElement) {
  tempElement = tempElement.parentElement;
  if(tempElement.tagName === "TR") {
    break;
  }
}
if(!tempElement) {
  throw new Error(`Error: TR element (row) not found (Parent or ancestor of ${xpath})`);
}

const selector = `td:nth-child(${colIndex})`;
const targetElement = tempElement.querySelector(selector);
if(!targetElement) {
  throw new Error(`Error: Element not found (${selector})`);
}

/*
* 見つけた要素に対して行いたい操作を記述してください。
* click() メソッドを使う、アサーションを行う、そのまま要素を返す、等。
*/
targetElement.click();