JSFiddle - React, Tailwind, and code Playground

by zhang li

HTML

<div class="tabs-header" style="width: 1000px;">
   <div class="tabs-scroller-left" style="display: none;"></div>
   <div class="tabs-scroller-right" style="display: none;"></div>
   <div class="tabs-wrap" style="margin-left: 0px; margin-right: 0px; width: 1000px;">
    <ul class="tabs" style="height: 28px;">
     <li class=""><a href="javascript:void(0)" class="tabs-inner" style="height: 29px; line-height: 27px;"><span class="tabs-title">通用配置</span><span class="tabs-icon"></span></a></li>
     <li class="tabs-selected"><a href="javascript:void(0)" class="tabs-inner" style="height: 29px; line-height: 27px;"><span class="tabs-title">可变文件输入</span><span class="tabs-icon"></span></a></li>
    </ul>
   </div>
  </div>
  <div class="tabs-panels" style="height: 470px; width: 1002px;">
   <div class="panel" style="display: none; width: 1002px;">
    <div title="" style="padding: 0px; width: 1000px; height: 469px;" class="panel-body panel-body-noheader panel-body-noborder">
     ↵ 
     <iframe scrolling="yes" frameborder="0" id="commonFrame" src="http://localhost:8080/etl-web/pages/common/common_config.jsp?stepId=2421&amp;taskId=-1&amp;flowId=1234" style="width: 100%; height: 520px;overflow: hidden;"></iframe>↵ 
    </div>
   </div>
   <div class="panel" style="display: block; width: 1002px;">
    <div title="" style="padding: 10px; width: 1020px; height: 489px;" class="panel-body panel-body-noheader panel-body-noborder">
     ↵ 
     <iframe scrolling="yes" frameborder="0" original="http://localhost:8080/etl-web/step/config/dm/input_file_param?stepId=2421&amp;taskId=-1" style="width: 99%; height: 460px; overflow: hidden;"></iframe>↵ 
    </div>
   </div>
  </div>

JavaScript

var dthis = 
var jq = $(dthis).find('.panel :eq('+index+')').find('iframe');
console.log($(dthis).html());

console.log(jq);
console.log(jq.attr('original'));
jq.attr('src',jq.attr('original'));