🚵🏻 🏂 🚏 Find the following text area using jQuery - javascript 🐟 ☮️ 👨🏿‍🤝‍👨🏻

<body>
  
  <header class="page-header js-page-header">
    <a class="page-header-logo-container" href="https://geek-answers.imtqy.com/index.html"></a>
    <div class="page-header-text">Geek Answers Handbook</div>
  </header>
  <section class="page js-page">
<div itemscope="" itemtype="http://schema.org/QAPage" class="page">

<div class="main-col" itemprop="mainEntity" itemscope="" itemtype="http://schema.org/Question">
<div class="question-header">
<h1 itemprop="name"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Find the following text area using jQuery</font></font></h1>
</div>
<div class="question">
<div class="question-row">
<div class="question-text">
<div class="description" itemprop="text">
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML</font></font></p>
<pre class="prettyprint-override"><code class="hljs xml"><span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"rowId"</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span>></span><span class="hljs-tag"><<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"inputTextarea"</span>></span><span class="hljs-tag"></<span class="hljs-name">textarea</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span>></span><span class="hljs-tag"><<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"inputTextarea"</span>></span><span class="hljs-tag"></<span class="hljs-name">textarea</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span>
<span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"rowId2"</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span>></span><span class="hljs-tag"><<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"inputTextarea"</span>></span><span class="hljs-tag"></<span class="hljs-name">textarea</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span>></span><span class="hljs-tag"><<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"inputTextarea"</span>></span><span class="hljs-tag"></<span class="hljs-name">textarea</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span>
<span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"rowId3"</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span>></span><span class="hljs-tag"><<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"inputTextarea"</span>></span><span class="hljs-tag"></<span class="hljs-name">textarea</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"><<span class="hljs-name">td</span>></span><span class="hljs-tag"><<span class="hljs-name">textarea</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"inputTextarea"</span>></span><span class="hljs-tag"></<span class="hljs-name">textarea</span>></span><span class="hljs-tag"></<span class="hljs-name">td</span>></span><span class="hljs-tag"></<span class="hljs-name">tr</span>></span>
</code></pre>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">If I know rowId, how to find the next text area on this page, starting at any point. </font><font style="vertical-align: inherit;">I do not mean ANY input, just a text box. </font><font style="vertical-align: inherit;">I need to be able to run IN ANY line and move on to the next text space, essentially go down the lines.</font></font></p>
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">EDIT Based on the answers, I used the following code to intersect text fields line by line:</font></font></p>
<pre class="prettyprint-override"><code class="hljs perl">var curElt = $(<span class="hljs-string">'#'</span> + startAt);  <span class="hljs-regexp">//start</span>At is the first row id   <font></font>
<font></font>
        <span class="hljs-keyword">for</span>(var i=<span class="hljs-number">1</span>; i < <span class="hljs-number">10</span>; i++) {<font></font>
<font></font>
            $(curElt).find(<span class="hljs-string">'textarea'</span>).e<span class="hljs-string">q(0)</span>.val(i);<font></font>
            $(curElt).find(<span class="hljs-string">'textarea'</span>).e<span class="hljs-string">q(1)</span>.val(i+<span class="hljs-number">1</span>);<font></font>
<font></font>
            curElt = $(curElt).next();<font></font>
        }<font></font>
</code></pre> </div>
<div class="favorite hidden"><i class="far fa-star"></i></div>
<div class="votes-question">
<i class="glyphicon glyphicon-arrow-ups"></i>
<div class="vote-count greenc" itemprop="upvoteCount"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
+5 </font></font></div>
<i class="glyphicon glyphicon-arrow-down"></i>
</div>
<div class="tags">
<a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class="tag" title="show questions tagged with 'javascript'" rel="tag"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">javascript </font></font></a>
<a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class="tag" title="show questions tagged with 'jquery'" rel="tag"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">jquery </font></font></a>
<a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" class="tag" title="show questions tagged with 'dom'" rel="tag"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">dom</font></font></a>
</div>
<div class="clearfix"></div>
<div class="action-time">
<span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="noopener" target="_blank"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">sarsnake</font></font></a></span></span> <time title="2011-01-05 01:49" itemprop="dateCreated" datetime="2011-01-05T01:49:16+0000"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Jan 05 </font><font style="vertical-align: inherit;">'11 at 1:49</font></font></time>
</div>
<a class="aa-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target="_blank" rel="noopener"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">source </font></font></a>
<a class="s-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title="share"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">share</font></font></a>
<div class="clearfix"></div>
</div>
</div>
</div>
<ins style="height: 90px;display: block;" data-zxname="zx-adnet" data-zxadslot="ZX-QRST" data-zxw="0" data-zxh="90" data-zxid="2" data-overlay="false">

</ins>
<div class="answers " id="answers_hash">
<div class="answers-header">
<span class="pull-left"><span itemprop="answerCount"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">4</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> answers</font></font></span>
<div class="clearfix"></div>
</div>
<div class="answer-pager hidden">
</div>
<div class="answer accepted" id="3598550_hash" itemscope="" itemtype="http://schema.org/Answer" itemprop="acceptedAnswer">
<div class="answer-row">
<div class="answer-text">
<div class="desc" itemprop="text">
<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">You can use the </font></font><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="nofollow noreferrer" src=""><code>next</code></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">and </font></font><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="nofollow noreferrer" src=""><code>find</code></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">methods:</font></font></p>
<pre class="prettyprint-override"><code class="hljs perl">$(<span class="hljs-string">'#'</span> + current_row_id).next().find(<span class="hljs-string">'textarea'</span>).e<span class="hljs-string">q(0)</span>;
</code></pre>
<p> <code>next</code>   ,   <code>find</code>     ,    (-),  <code>eq(0)</code>         <code>find</code>.</p> </div>
<div class="votes-answer">
<i class="glyphicon glyphicon-arrow-ups"></i>
<div class="vote-count greenc" itemprop="upvoteCount">
+9 </div>
<i class="glyphicon glyphicon-arrow-down"></i>
</div>
<div class="clearfix"></div>
<div class="action-time">
<span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="noopener" target="_blank">Jacob Relkin</a></span></span> <time title="2011-01-05 01:52" itemprop="dateCreated" datetime="2011-01-05T01:52:49+0000"> 05 . '11  1:52</time>
</div>
<a class="aa-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target="_blank" rel="noopener"></a>
<a itemprop="url" class="s-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title="share"></a>
<div class="clearfix"></div>
</div>
</div>
</div>
<ins style="height: 90px;display: block;margin-top: 15px;" data-zxname="zx-adnet" data-zxadslot="ZX-QRST" data-zxw="0" data-zxh="90" data-zxid="3" data-overlay="false">

</ins>
<div class="answer rltd" id="3598548_hash" itemscope="" itemtype="http://schema.org/Answer" itemprop="suggestedAnswer">
<div class="answer-row">
<div class="answer-text">
<div class="desc" itemprop="text">
<pre class="prettyprint-override"><code class="hljs javascript">$(<span class="hljs-string">'#rowId2'</span>).find(<span class="hljs-string">'textarea'</span>);
</code></pre>
<p>    .    , :</p>
<pre class="prettyprint-override"><code class="hljs perl">$(<span class="hljs-string">'#rowId2'</span>).find(<span class="hljs-string">'textarea'</span>).e<span class="hljs-string">q(0)</span>; <span class="hljs-regexp">//j</span>Query object<font></font>
$(<span class="hljs-string">'#rowId2'</span>).find(<span class="hljs-string">'textarea'</span>)[<span class="hljs-number">0</span>];    <span class="hljs-regexp">//</span>DOM Element
</code></pre>
<p> <strong> </strong>.               :</p>
<pre class="prettyprint-override"><code class="hljs perl">$(<span class="hljs-string">'#rowId'</span>).next().find(<span class="hljs-string">'textarea'</span>).e<span class="hljs-string">q(0)</span>;
</code></pre> </div>
<div class="votes-answer">
<i class="glyphicon glyphicon-arrow-ups"></i>
<div class="vote-count greenc" itemprop="upvoteCount">
+5 </div>
<i class="glyphicon glyphicon-arrow-down"></i>
 </div>
<div class="clearfix"></div>
<div class="action-time">
<span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="noopener" target="_blank">Phrogz</a></span></span> <time title="2011-01-05 01:50" itemprop="dateCreated" datetime="2011-01-05T01:50:37+0000"> 05 . '11  1:50</time>
</div>
<a class="aa-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target="_blank" rel="noopener"></a>
<a itemprop="url" class="s-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title="share"></a>
<div class="clearfix"></div>
</div>
</div>
</div>

<div class="answer bt" id="3598551_hash" itemscope="" itemtype="http://schema.org/Answer" itemprop="suggestedAnswer">
<div class="answer-row">
<div class="answer-text">
<div class="desc" itemprop="text">
<pre class="prettyprint-override"><code class="hljs perl">$textarea = $(<span class="hljs-string">'#rowId textarea'</span>).e<span class="hljs-string">q(0)</span>;<font></font>
<font></font>
$nextarea = $textarea.closest(<span class="hljs-string">'tr'</span>).next().find(<span class="hljs-string">'textarea'</span>).e<span class="hljs-string">q(0)</span>;
</code></pre>
<p> , $.fn.next()   <strong> sibling</strong>  DOM.</p>
<ul><li>    , 
    parent-tr (
$ textarea.closest('tr')).</li>
<li> ,  ,    tr
(.next())</li>
<li> ,  
textarea   tr (
.find('textarea'). eq (0))</li>
</ul> </div>
<div class="votes-answer">
<i class="glyphicon glyphicon-arrow-ups"></i>
<div class="vote-count greenc" itemprop="upvoteCount">
+4 </div>
<i class="glyphicon glyphicon-arrow-down"></i>
</div>
<div class="clearfix"></div>
<div class="action-time">
<span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="noopener" target="_blank">draeton</a></span></span> <time title="2011-01-05 01:57" itemprop="dateCreated" datetime="2011-01-05T01:57:52+0000"> 05 . '11  1:57</time>
</div>
<a class="aa-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target="_blank" rel="noopener"></a>
<a itemprop="url" class="s-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title="share"></a>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="answer last" id="3598549_hash" itemscope="" itemtype="http://schema.org/Answer" itemprop="suggestedAnswer">
<div class="answer-row">
<div class="answer-text">
<div class="desc" itemprop="text">
<p> :</p>
<pre class="prettyprint-override"><code class="hljs javascript">$(<span class="hljs-string">"#rowID textarea:first-child"</span>).val()
</code></pre> </div>
<div class="votes-answer">
<i class="glyphicon glyphicon-arrow-ups"></i>
<div class="vote-count greenc" itemprop="upvoteCount">
+1 </div>
<i class="glyphicon glyphicon-arrow-down"></i>
</div>
<div class="clearfix"></div>
<div class="action-time">
<span itemprop="author" itemscope="" itemtype="http://schema.org/Person"><span itemprop="name"><a href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" rel="noopener" target="_blank">Chandu</a></span></span> <time title="2011-01-05 01:52" itemprop="dateCreated" datetime="2011-01-05T01:52:02+0000"> 05 . '11  1:52</time>
</div>
<a class="aa-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" target="_blank" rel="noopener"></a>
<a itemprop="url" class="s-link" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=" title="share"></a>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="answer-pager hidden">
</div>
</div>

</div>
</div>

<section class="more-articles-navigation-panel js-more-articles-navigation-panel">
<h4>More articles:</h4>
<nav class="list-of-articles-container js-list-of-articles-container"><ul class="list-of-pages js-list-of-pages">
<li><a href="../1062110/index.html">Implementation and presentation of polyadic operations - ocaml</a></li>
<li><a href="../1062111/index.html">С# VSTO Outlook 2007: как показать контакт с помощью EntryID - c#</a></li>
<li><a href="../1062112/index.html">Can I send only a token through MVVM Light Messenger? - wpf</a></li>
<li><a href="../1062113/index.html">Есть ли способ перехватить и изменить поток вывода html в asp.net, чтобы объединить javascript? - javascript</a></li>
<li><a href="../1062114/index.html">https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=ru&sp=nmt4&tl=en&u=https://fooobar.com/questions/1062114/mongodb-should-you-still-provide-ids-linking-to-other-collections-to-or-just-include-collections&usg=ALkJrhhG0796sr4nNFGMA9txQBTdPVq1TA</a></li>
<li><a href="../1062116/index.html">How to handle large string grids? - delphi</a></li>
<li><a href="../1062117/index.html">Multiple shared folders, installation of single rails - ruby-on-rails-3</a></li>
<li><a href="../1062118/index.html">Use jQuery to check a checkbox in a parent list item? - jquery</a></li>
<li><a href="../1062119/index.html">Authentication in Google App Engine from iOS device - google-app-engine</a></li>
<li><a href="../1062120/index.html">Solving recurrence T (n) = 2T (n / 2) + n ^ 4 - math</a></li>
</ul></nav>
</section><br />
<a href="../../allArticles.html"><strong>All Articles</strong></a>
<script src="../../js/main.js"></script>

<script type="text/javascript" >
  (function (d, w, c) {
      (w[c] = w[c] || []).push(function() {
          try {
              w.yaCounter62683636 = new Ya.Metrika({
                  id:62683636,
                  clickmap:true,
                  trackLinks:true,
                  accurateTrackBounce:true,
                  webvisor:true
              });
          } catch(e) { }
      });

var n = d.getElementsByTagName("script")[0],
          s = d.createElement("script"),
          f = function () { n.parentNode.insertBefore(s, n); };
      s.type = "text/javascript";
      s.async = true;
      s.src = "https://mc.yandex.ru/metrika/watch.js";

if (w.opera == "[object Opera]") {
          d.addEventListener("DOMContentLoaded", f, false);
      } else { f(); }
  })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/62683636" style="position:absolute; left:-9999px;" alt="" /></div></noscript>

<script>
    window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
    ga('create', 'UA-166339405-1', 'auto'); ga('send', 'pageview')
  </script>
  <script src="https://www.google-analytics.com/analytics.js" async defer></script>

</section>

<footer class="page-footer">
  <div class="page-footer-legal-info-container page-footer-element">
    <p>
      Geek Answers | <span class="page-footer-legal-info-year js-page-footer-legal-info-year">2019</span>
    </p>
  </div>
  <div class="page-footer-counters-container page-footer-element">
    <a class="page-footer-counter-clustrmap" href='#'  title='Visit tracker'><img src='https://clustrmaps.com/map_v2.png?cl=698e5a&w=271&t=t&d=IDRwb302jFsed82JlnSkxjeQ3C5_AObCmGX74jggris&co=3a3a3a&ct=ffffff'/></a>
  </div>
</footer>
  
</body>

</html>