jQuery去掉指定标签里所有文字内容对应的链接,==去掉<a>标签

本文介绍了如何使用jQuery去除HTML中的a标签,并保留其文本内容。通过两个实例展示了具体的操作方法,包括解除链接并直接替换链接文本。
1.去除a标签
<div id="gbin1">
 <a href="http://www.gbin1.com">Link 1</a>
 <a href="http://www.gbin1.com">Link 2</a>
 <a href="http://www.gbin1.com">Link 3</a>
 <a href="http://www.gbin1.com">Link 4</a>
</div>

$("#gbin1 a").contents().unwrap();
生成结果:
<div id="gbin1">
 Link1
 Link2
 Link3
 Link4
</div>

2.<a href="www.baidu.com" id='contract_link'>百度</a>
   $("#contract_link").html("无").contents().unwrap();
生成结果:
无

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>02</title> <link href="bootstrap.min.css" rel="stylesheet"> <style> .bg { overflow: hidden; background-color: beige; } </style> </head> <body> <section class="bg"> <div class="container col-sm-12"> <div class="col-sm-4 col-sm-offset-4" autocomplete="off"> <fieldset> <legend style="color: #0e0e0e">注 册</legend> <div class="form-group"> <label for="passwordField">Password</label> <input type="password" name="passwordField" id="passwordField" class="form-control" required='required'/> </div> </fieldset> <div> <button type="button" class="btn btn-primary btn-validate">验证</button> <span>   强度等级:</span> <span class="result">未验证</span> </div> </div> </div> <div class="container col-sm-12"> <br/> <div class="col-sm-12 col-sm-offset-4"> <p><strong>你填写的密码的强度等级按如下划分:</strong></p> <dl> <dt>低:</dt> <ol> <li>密码必须大于 8 个字符</li> </ol> <dt>中(在满足低强度要求的前提下,需要满足以下需求):</dt> <dd> <ol> <li>至少需要一个小写字母</li> <li>至少需要一个数字</li> </ol> </dd> <dt>高(在满足中强度要求的前提下,需要满足以下需求):</dt> <dd> <ol> <li>至少需要一个大写字母</li> <li>至少需要一个(除数字和字母外的)特殊字符</li> </ol> </dd> </dl> </div> </div> </section> <script src="jquery.min.js"></script> <script> </script> </body> </html> 请帮我补全代码
03-10
请分析下面代码:<#setting datetime_format="yyyy-MM-dd"/> <#import "/decorators/includes/macros.ftl" as m> <#assign ww = JspTaglibs["/WEB-INF/webwork.tld"] /> <#include "/template/includes/actionerrors.ftl"> <link type="text/css" rel="StyleSheet" href="../css/sortabletable.css"/> <div id="breadcrumbs"> <a href="${req.contextPath}/index.action">Home</a> > Unlock List </div> <center><font color="red" size="2"><b>MES Product Id version mismatch with your RunCard! <br>So system lock RunCard and waiting for your confirmation. <br>You can unlock the RunCard and then revise the RunCard.</b></font></center> <div class="app"> <font color="red">${message?if_exists}</font> <h3>Unlock List</h3> <table border="0" cellspacing="2" cellpadding="3" width="100%" id="unlockList"> <thead> <tr> <th>Case No</th> <th>Applicant</th> <th>Lot Id</th> <th>Product Id</th> <th>Status</th> <th>Remark</th> <th>Action</th> </tr> </thead> <tbody> <#if lockRuncard?has_content> <#list lockRuncard as lock> <tr class="b"> <@ww.form name="'lockForm${lock_index}'" action="'unlockRuncard'" namespace="'/user'" validate="'true'" method="'post'" theme="'simple'"> <@ww.hidden name="'requestFormId'" value="'${lock.id?if_exists}'"/> <td><a href="../user/viewRequestForm.action?requestFormId=${lock.id}">${lock.caseNo?default("Not Assigned")?if_exists}</a></td> <td><@m.directoryLink lock.applicant?if_exists/></td> <td>${lock.lotId?if_exists}</td> <td>${lock.prodId?if_exists}</td> <td>${lock.status?if_exists}</td> <td width="10%"><@ww.textarea name="'remark'" id="remark${lock_index}" cols="35" rows="3" theme="'simple'" required="true"/></td> <td> <input type="button" onclick="checkRemark(${lock_index})" value=" Pass "> <#--| <input type="button" onclick="javascript:if(confirm('Are you sure?'))location.href='withdrawLockRuncard.action?requestFormId=${lock.id}'" value="Withdraw"--> </td> </@ww.form> </tr> </#list> <script type="text/javascript"> var st0 = new SortableTable(document.getElementById("unlockList"), ["String", "String" ,"String" ,"String"]); function checkRemark(index){ var reg=/\s/g; //var realValue=$F('remark').replace(reg,""); var realValue=$F('remark'+index).replace(reg,""); if(realValue==""){ alert("Please input the remark !"); return false; } if(!confirm('Product Id version mismatch! You confirm ok and need unlock RunCard?')) return false; $('lockForm'+index).submit(); } </script> <#else> <tr colspan="6"> <td> No related result.</td> </tr> </#if> </tbody> </table>
09-09
$('#approveBtnContainer').toggle(allValid); 这个是什么 我没有这个东西 你要根据我的代码改。<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head th:include="common/header :: head(~{::title/text()})"></head> <body> <!--Navigation Bar--> <div th:replace="common/header::navigation-bar"></div> <!--Content Start--> <div class="xp-rightbar"> <div class="xp-breadcrumbbar" style="padding: 10px 30px 0 30px;"> <div class="row"> <div class="col-md-6 col-lg-6"> <h4 class="xp-page-title" th:text="#{header.nb.mySpace.faCaseList}"></h4> </div> <div class="col-md-6 col-lg-6"> <div class="xp-breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><i class="ti-server"></i></li> <li class="breadcrumb-item" th:text="#{header.nb.mySpace.faCaseList}"></li> </ol> </div> </div> </div> </div> <div class="xp-contentbar"> <div class="row"> <div class="col-lg-12"> <div class="card m-b-30"> <script src="/js/todo/case-list.js"></script> <div class="card-body"> <div class="table-responsive"> <div class="dataTables_wrapper container-fluid dt-bootstrap4"> <div class="row"> <div class="col-sm-12"> <div class="row"> <div class="col-sm-12 col-md-6"> <div class="dataTables_length" id="xp-default-datatable_length"> <label>Show <select class="form-control form-control-sm" id="pageSizeInProgress" th:onchange="|pageSizeChangeInProgress(1)|"> <option value="5" th:selected="${inProgressCaseList.pageSize} eq 5"> 5 </option> <option value="25" th:selected="${inProgressCaseList.pageSize} eq 25"> 25 </option> <option value="50" th:selected="${inProgressCaseList.pageSize} eq 50"> 50 </option> <option value="100" th:selected="${inProgressCaseList.pageSize} eq 100"> 100 </option> </select> entries </label> </div> </div> <div class="col-sm-12 col-md-6"> <div class="dataTables_filter"> <label> <span th:text="#{common.pageHelper.search}"></span> <input id="searchInProgressInput" type="search" class="form-control form-control-sm" placeholder="" th:value="${searchCondition}" autocomplete="off"> </label> </div> </div> </div> <div class="row"> <div class="col-sm-12" id="in-progress-table-card"> <table id="inprogress" class="sortable display table table-bordered table-responsive table-striped"> <tr class="table sortable"> <th></th> <th data-field="externalCaseNo" th:text="#{common.case.externalCaseNo}"></th> <th data-field="caseNoForShow" th:text="#{common.case.eQuotaCaseNo}"></th> <th data-field="requestCategory" th:text="#{common.case.category}"></th> <th data-field="prodId" th:text="#{common.case.productId}"></th> <th data-field="lotId" th:text="#{common.case.lotId}"></th> <th data-field="waferId" th:text="#{common.case.waferId}"></th> <th data-field="cuttingDirection" th:text="#{common.case.cuttingDirection}"></th> <th data-field="cutLocationStructure" th:text="#{common.case.cutLocationStructure}"></th> <th data-field="quotaBooker" th:text="#{common.case.quota.booker}"></th> <th data-field="quotaBookerGroupName" th:text="#{common.case.quota.bookerGroup}"></th> <th data-field="quotaGroupName" th:text="#{common.case.quota.group}"></th> <th data-field="quotaIdForShow" th:text="#{common.case.quota.id}"></th> <th data-field="quotaType" th:text="#{common.case.quota.type}"></th> <th data-field="currentStatus" th:text="#{common.case.currentStatus}"></th> <th data-field="quotaApplicationTime" th:text="#{common.case.applicationTime}"></th> <th data-field="bookDate" th:text="#{common.case.quota.bookDate}"></th> </tr> <tbody> <tr th:if="${inProgressCaseList.getList().isEmpty()}"> <td class="text-center" colspan="17" th:text="#{search.table.noResultFound}"></td> </tr> <tr th:each="inProgressCaseList:${inProgressCaseList.getList()}"> <td><input th:id="${inProgressCaseList?.caseNo}" type="checkbox"></td> <td> <a th:href="${inProgressCaseList?.faReportUrl + faReportUrlDetail + inProgressCaseList?.eQuotaExternalCase?.externalCaseFormId}" th:text="${inProgressCaseList?.eQuotaExternalCase.externalCaseNo}" target="_blank"> </a> </td> <td> <a th:href="${'/to-do-detail-fa?caseNo='+inProgressCaseList?.caseNo}" th:text="${inProgressCaseList?.caseNoForShow}"></a> </td> <td th:text="${inProgressCaseList?.eQuotaExternalCase.requestCategory}"></td> <td th:text="${inProgressCaseList?.prodId}"></td> <td th:text="${inProgressCaseList?.lotId}"></td> <td th:text="${inProgressCaseList?.waferId}"></td> <td th:text="${inProgressCaseList?.cuttingDirection}"></td> <td th:text="${inProgressCaseList?.cutLocationStructure}"></td> <td th:text="${inProgressCaseList?.eQuotaExternalCase.faOwner}"></td> <td th:text="${inProgressCaseList?.quotaBooker}"></td> <td th:text="${inProgressCaseList?.quotaBookerGroupName}"></td> <td th:text="${inProgressCaseList?.eQuotaCard?.quotaGroupName}"></td> <td th:text="${inProgressCaseList?.eQuotaCard?.quotaIdForShow}"></td> <td th:text="${inProgressCaseList?.eQuotaCard?.quotaType}"></td> <td th:text="${inProgressCaseList?.currentCaseStatus}"></td> <td th:text="${#temporals.format(inProgressCaseList?.quotaApplicationTime, 'yyyy-MM-dd HH:mm:ss')}"></td> <td th:text="${#temporals.format(inProgressCaseList?.eQuotaCard?.bookDate, 'yyyy-MM-dd')}"></td> </tr> </tbody> </table> <nav class="nav m-t-10"> <div class="col-md-4"> <div class="dataTables_info " role="status" aria-live="polite"> <div> Showing <span>[[${inProgressCaseList.getStartRow()}]]</span> to <span>[[${inProgressCaseList.getEndRow()}]]</span> of <span class="tableSizeSpan">[[${inProgressCaseList.getTotal()}]]</span> entries </div> </div> </div> <div class="col-md-8"> <div class="dataTables_paginate paging_simple_numbers"> <ul class="pagination" th:if="${!inProgressCaseList?.getList().isEmpty()}" style="padding-left: 0px"> <!--首页--> <li class="page-item"> <a class="page-link" th:href="'javascript:getCurrentPageInProgress(1)'" th:text="#{common.pageHelper.pageNum.first}"></a> </li> <!--上一页--> <li class="page-item" th:if="${inProgressCaseList.hasPreviousPage}"> <a class="page-link" th:href="'javascript:getCurrentPageInProgress('+ ${inProgressCaseList.prePage} +')'" th:text="#{common.pageHelper.pageNum.previous}"></a> </li> <!--页数导航栏(总共有8个元素)--> <li th:each="page : ${inProgressCaseList.navigatepageNums}" th:class="${page==inProgressCaseList.pageNum?'page-item active':'page-item'}"> <a class="page-link" th:href="'javascript:getCurrentPageInProgress('+ ${page} + ');'" th:text="${page}"></a> </li> <!--下一页--> <li class="page-item" th:if="${inProgressCaseList.hasNextPage}"> <a class="page-link" th:href="'javascript:getCurrentPageInProgress('+ ${inProgressCaseList.nextPage} +')'" th:text="#{common.pageHelper.pageNum.next}"></a> </li> <!--尾页--> <li class="page-item"> <a class="page-link" th:href="'javascript:getCurrentPageInProgress(' + ${inProgressCaseList.pages} + ')'" th:text="#{common.pageHelper.pageNum.last}"></a> </li> </ul> </div> </div> </nav> <div class="form-group row col-lg-10 m-b-30"> <div class="col-lg-12"> <!--Approve 按钮:当case status为等待FA签核状态时,只有bookDate等于当日的才可以签核--> <button class="btn btn-primary col-lg-1" onclick="showApproveModal(this)" th:text="#{modal.signOff.btn.approve}"></button> <!--Reject 按钮--> <button class="btn btn-primary col-lg-1" onclick="showRejectModal(this)" th:text="#{modal.signOff.btn.reject}"></button> <!--Approve Modal--> <div class="modal fade text-center" id="approveModal"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" th:text="#{modal.signOff.approve.confirm.title}"></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 style="font-weight:normal" th:text="#{modal.signOff.approve.confirm.bodyText}"></h5> </div> <div class="modal-footer"> <button type="button" id="approveBtn" class="btn btn-primary submit-btn" data-dismiss="modal" data-action-id="2" th:data-case-status-id="${eQuotaCase?.currentCaseStatusId}" onclick="requestSignOff(this)" th:text="#{modal.signOff.btn.approve}"> </button> <button type="button" class="btn btn-secondary" data-dismiss="modal" th:text="#{modal.signOff.btn.cancel}"></button> </div> </div> </div> </div> <!--Reject Modal--> <div class="modal fade text-center" id="rejectModal"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" th:text="#{modal.signOff.reject.confirm.title}"></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <h5 style="font-weight:normal" th:text="#{modal.signOff.reject.confirm.bodyText}"></h5> </div> <div class="modal-footer"> <button type="button" id="rejectBtn" class="btn btn-danger submit-btn" data-dismiss="modal" data-action-id="3" onclick="requestSignOff(this)" th:text="#{modal.signOff.btn.reject}"> </button> <button type="button" class="btn btn-secondary" data-dismiss="modal" th:text="#{modal.signOff.btn.cancel}"></button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script src="/js/jquery.min.js"></script> </body> </html>
最新发布
12-05
html中“{% for info in result %} <div class="title"> <ul> <li ><i></i>{{ info.Line }}</li> <li>  <i class="layui-icon layui-icon-wifi" style="font-size: 20px; color: #1E9FFF;">  </i>   <button class="layui-btn layui-btn-sm" onclick="inference_info()" lay-event="getCheckData">推論詳情</button> </li> </ul> </div> <div class="top-list"> <p>当你征服一座山峰时,它已经在你脚下了,你必须再找一座山峰去征服,否则,你只有下山,走下坡路了</p> <ul> <li><i class="layui-icon layui-icon-key" style="font-size: 20px; color: #1E9FFF;">:</i>{{ info.Device }}</li> <li><i class="layui-icon layui-icon-website" style="font-size: 20px; color: #1E9FFF;">:</i>{{ info.IP }}</li> <li><i class="layui-icon layui-icon-chart-screen" style="font-size: 20px; color: #1E9FFF;">:</i>{{ info.Camputer }}</li> <li><i class="layui-icon layui-icon-video" style="font-size: 20px; color: #1E9FFF;">:</i>Basler*{{ info.Basler }}</li> <li><i class="layui-icon layui-icon-form" style="font-size: 20px; color: #1E9FFF;">:</i>{{info.Model}}</li> <li><i class="layui-icon layui-icon-camera-fill" style="font-size: 20px; color: #1E9FFF;">:</i>C930*{{info.C930}}</li> <li id="book"><i class="layui-icon layui-icon-set-fill" style="font-size: 20px; color: #1E9FFF;" >:</i>{{ info.FIXID }}</li> <li><i class="layui-icon layui-icon-link" style="font-size: 20px; color: #1E9FFF;">:</i>{{ info.MAC }}</li> </ul> </div> {% endfor %}”使用jQuery获取 li标签id为book的text时,为什么for 循环获取的结果一直为 info.FIXID第一次的文本
09-20
html中“{% for info in result %} <div class="center-left fl"> <div class="left-top" style="display: inline-block;"> <!--<h1 id="ceshi">数据可视化</h1>--> <!-- <div class="title">{{ info.Line }}</div> --> <div class="title"> <ul> <li ><i></i>{{ info.Line }}</li> <li>  <i class="layui-icon layui-icon-wifi" style="font-size: 20px; color: #1E9FFF;">  </i>   <button class="layui-btn layui-btn-sm" onclick="inference_info()" lay-event="getCheckData">推論詳情</button> </li> </ul> </div> <div class="top-list"> <p>当你征服一座山峰时,它已经在你脚下了,你必须再找一座山峰去征服,否则,你只有下山,走下坡路了</p> <ul> <li><i class="layui-icon layui-icon-key" style="font-size: 20px; color: #1E9FFF;">:</i>{{ info.Device }}</li> <li><i class="layui-icon layui-icon-website" style="font-size: 20px; color: #1E9FFF;">:</i>{{ info.IP }}</li> <li><i class="layui-icon layui-icon-chart-screen" style="font-size: 20px; color: #1E9FFF;">:</i>{{ info.Camputer }}</li> <li><i class="layui-icon layui-icon-video" style="font-size: 20px; color: #1E9FFF;">:</i>Basler*{{ info.Basler }}</li> <li><i class="layui-icon layui-icon-form" style="font-size: 20px; color: #1E9FFF;">:</i>{{info.Model}}</li> <li><i class="layui-icon layui-icon-camera-fill" style="font-size: 20px; color: #1E9FFF;">:</i>C930*{{info.C930}}</li> <li class="book"><i class="layui-icon layui-icon-set-fill" style="font-size: 20px; color: #1E9FFF;" >:</i>{{ info.FIXID }}</li> <li><i class="layui-icon layui-icon-link" style="font-size: 20px; color: #1E9FFF;">:</i>{{ info.MAC }}</li> </ul> </div> </div> </div> {% endfor %}”,修改后,使用jQuery获取 li标签id为book的text时,为什么for 循环获取的结果为 info.FIXID的全部文本,怎么拿到点击时当前的文本
09-20
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值