javascript - Jquery，单击时获取该元素的文本并将其存储在变量中

Question

我试图将 DOM 元素内的文本存储到 jQuery 变量中。我的目标是使用“getText”类获取跨度内的文本。我希望能够单击任何 td，并且仅获取我单击的那个 td 的文本。

这是我的代码:

<table>
 <tbody>
    <tr>
    <th class="option1">ignore me<span class="getText">option 1 text<span></th> 
    <th class="option2">ignore me<span class="getText">option 2 text<span></th> 
    <th class="option3">ignore me<span class="getText">option 3 text<span></th> 
    <th class="option4">ignore me<span class="getText">option 4 text<span></th> 
   </tr> 
 </tbody>

$("th").click(function(event) {
  var getElemntSelector = (this.className); 
  getElemntSelector =  '".' + getElemntSelector +' .getText"';
  getElemntSelector =  '$('+ getElemntSelector +')'; //$(".option1 .getText")
  getElemntSelector = getElemntSelector.text();
  console.log(getElemntSelector);
});

当我控制台记录变量时，我尝试将文本存储在其中，但收到此错误:

TypeError: getElemntSelector.text is not a function

这是因为我的变量 getElemntSelector 仍然是一个字符串吗？这是我的 fiddle : https://jsfiddle.net/a7yqhtm5/

Answer 1

您可以尝试这个 $(this).children(".getText").text() 它将选择具有 'getText' 类的子项，然后获取它的文本