PROSAGA码农传奇-jQuery-jQuery跨度文本复制并用作宽度

jQuery跨度文本复制并用作宽度

作者: 真不错
发布时间: 2025-01-01 04:04:44 (12天前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    您需要应用函数来返回值
     <code>
      width()
    </code>
    不是
     <code>
      text()
    </code>
    ：
  </p>
  <P>
  </p>
  <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”>
    <div class =“snippet-code”>
       <pre class="snippet-code-js lang-js prettyprint-override">
        <code>
          $('.duplicate').width(function() {
  return $(this).closest('ul li').find('em').text();
});
        </code>
      </pre>
       <pre class="snippet-code-css lang-css prettyprint-override">
        <code>
          p.duplicate {
  min-height: 10px; /* just for testing */
  background-color: #CCC;
}
        </code>
      </pre>
       <pre class="snippet-code-html lang-html prettyprint-override">
        <code>
          <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>
    <p class="duplicate"></p>
    <em>100</em>
  </li>
  <li>
    <p class="duplicate"></p>
    <em>200</em>
  </li>
  <li>
    <p class="duplicate"></p>
    <em>300</em>
  </li>
</ul>
        </code>
      </pre>
    </DIV>
  </DIV>
  <P>
  </p>
</DIV>