如果我知道特定的span文本，则获取ID
如果您知道特定的span文本，想要获取其ID，您可以通过以下步骤实现：
- 首先，您需要在前端开发中使用HTML和CSS创建一个包含span元素的页面。确保给每个span元素设置一个唯一的ID属性，以便后续获取。
<!DOCTYPE html>
<html>
<head>
<title>获取特定span的ID</title>
<style>
span {
display: inline-block;
padding: 5px;
background-color: #f2f2f2;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<span id="span1">文本1</span>
<span id="span2">文本2</span>
<span id="span3">文本3</span>
<span id="span4">文本4</span>
</body>
</html>- 接下来，您可以使用JavaScript来获取特定span文本的ID。您可以通过遍历所有的span元素，比较其文本内容与目标文本是否匹配，如果匹配则获取该span元素的ID。
<script>
var targetText = "文本2"; // 目标文本
var spans = document.getElementsByTagName("span"); // 获取所有的span元素
for (var i = 0; i < spans.length; i++) {
if (spans[i].innerHTML === targetText) { // 比较文本内容
var targetID = spans[i].id; // 获取匹配的span元素的ID
console.log("目标文本的ID是：" + targetID);
break; // 找到匹配的span后结束循环
}
}
</script>在上述代码中，我们假设目标文本是"文本2"，您可以根据实际情况修改目标文本的值。代码会在控制台输出匹配的span元素的ID。
这是一个简单的示例，您可以根据实际需求进行扩展和优化。在实际开发中，您可能会使用更复杂的选择器或框架来获取特定元素的ID。
相关·内容
不确定这个标题是否有意义。HTML片段如下所示：
<div id="A">
<span class="B"> XXXX </span>
MMM
<span class="B"> ZZZZ </span>
NNN
<div class="C">
<span class="B">
OOO
</span>
</div>
</div>
如何使用XPath
浏览 3提问于2011-06-01得票数 1
回答已采纳
3回答
我得到了一些HTML，如下所示：
<span id="A">Text I'm interested in
<span id="B">Other crap I don't care about</span>
</span>
我希望获得span "A“的文本内容(不包括任何嵌套标签)(即上面示例中span "B”的内容)。我正在尝试获取文本内容，而不是HTML内容。此外，在我的特殊情况下，我知道span A中总是会有一些文本在任何其他标签之前，但我也对约束较少的解决方案感兴趣。
我考
浏览 0提问于2010-01-05得票数 5
回答已采纳
我首先使用此代码查找具有特定文本内容的元素：
$('someElement').filter(function() {
return $(this).text() == 'Some text';
});
然后，我希望找到下一个<td>标记内的<input>元素。
下面是HTML代码：
<tr>
<td>
<label for="SH_Request_First_Name">
First name <span class="
浏览 1提问于2013-01-27得票数 0
我已经知道表中元素的文本：
string title1 = Driver.FindElement(
By.XPath(
".//[@id='ctl00_ContentPlaceHolder1_BreakdownGridView_ctl02_TitleLabel']"
)).Text;
如何验证表中是否有第二个元素具有与title1相同的文本？
下面是我的表结构：
<tr class="alt" style="background-color:White;height:110px;">
<td&
浏览 0提问于2013-02-13得票数 0
回答已采纳
2回答
我试图在以下站点中刮取权限表：
我试图找出xpath是否能够在这样的文本之后定位特定的类(请注意ID是随机的，所以不能使用它们来定位，每个表的类也是相同的)
Advising on a home purchase plan
<div id="a2Nb000000035ohEAA" class="collapse DisciplineDetails PassportDetails PermDesc">
<h3 class=
浏览 5提问于2016-08-14得票数 0
回答已采纳
5回答
更改元素后的文本
、、
我有一个简单的表单添加元素到数据库。我使用相同的表单进行编辑。我需要将按钮文本从add item更改为edit item。我不知道如何在没有触摸span的情况下只编辑span之后的文本。
<button type="submit" id="form-submit" class="btn btn-md pull-right btn-info">
<span class="glyphicon glyphicon-ok" aria-hidden="true"></span> A
浏览 0提问于2016-02-16得票数 2
我希望能够检查元素中是否包含任何文本。如果元素中没有文本，我希望能够删除它。
但是，这个dom元素可能包含一个子元素，或者更多，这些子元素也可能包含其他子元素。因此，我希望能够跟踪元素的dom树，并在元素中的所有元素中搜索文本。
就像这样：
<div id="myElement">
<span></span>
<span></span>
<span>
<span></span>
<span>b</span>
</span&
浏览 12提问于2015-12-09得票数 5
我不知道该怎么做，所以我的两难境地是：
我有我的about div，里面有普通文本。然而，在其中添加了一些js span之后。但我想将现有文本包装在span标记中。我该如何对已经不在跨度中的文本进行跨度包装呢？
。
<div class="about">
This text isn't wrapped in an html tag
<span>But this is</span>
</div>
如何通过jquery将常规文本包装到span标记中？
提前感谢您的帮助。
浏览 1提问于2013-05-07得票数 1
回答已采纳
我在选择驻留在另一个容器中的span元素中的文本时遇到了问题。
我试图解决的情况是，在页面上，我们一次可能有10-15个不同的地址(因此，当页面创建时，我将一个记录Id附加到div的ID上)。我需要能够通过ID选择一个特定的地址，然后找到其中的各个地址片段。
HTML输出的示例如下所示：
<div id="Address_1">
<span id="Address">Some Address</span>
<span id="City">Some City</span>
浏览 0提问于2010-08-21得票数 8
回答已采纳
我在试图导航的页面中有一系列嵌套元素。下面的html是一个简化版本：
<div>
<h1 id="This is an id">The header is an identifier</h1>
<table>
<tr></tr>
<tr>
<ul>
<li>
<a>
<span>This my target</s
浏览 7提问于2016-09-17得票数 0
我想让我点击的rowIndex of <div>。
<div id="parent" onClick="this.click()">
<div id="1">
<span text="22"></span>
</div>
<div id="2"><span text="32"></span></div>
<div id="3
浏览 1提问于2018-04-27得票数 0
回答已采纳
1回答
如何使用xpath刮取页面元素
、、、、
我想通过xpath获得元素的电子邮件
<td>
<span id="A-1_id_1151_1997" class="">info@alexianer.com</span>
</td>
我试过很多密码，其中之一是
$html = new DOMDocument();
@$html->loadHtmlFile('http://www.deutsches-krankenhaus-verzeichnis.de/suche/Krankenhaus/260530089-00-1.1/Alexianer-Aach
浏览 3提问于2015-12-24得票数 0
回答已采纳
1回答
下面我有一个php代码，它将检查在文本框中输入的房间号是否在数据库中。
<?php
$room_there = true;
while( $room_there ){
$roomresult = mysql_query( "SELECT Room FROM Room WHERE Room = " . (int) $_POST['roomChosen']);
if (mysql_num_rows( $roomresult ) == 0)
$room_there = false;
};
?>
<p><strong&
浏览 1提问于2012-01-24得票数 0
2回答
我尝试在下面的代码中包装一个文本
<div class="div">
<span></span>
<a></a>
*text I want to wrap*
<span></span>
</div>
我知道文本是什么，但我不知道他在div中的位置
$(".div:contains('*text*')")
我得到了正确的div，但是我不知道如何对文本进行换行
浏览 3提问于2012-08-27得票数 1
回答已采纳
3回答
我有这个文本字段，我需要阻止用户输入超过允许的字符。假设我希望用户只键入10个字符，如果他输入的更多，文本字段将不接受it.It，在达到字符限制后必须停止输入。
我知道有ng最大长度，但是它不会阻止用户输入超过允许的字符，尽管我可以给出一个错误消息。有办法这样做吗。
我的文本字段
<div class="form-group" ng-class="{ 'has-error' : submitted && (thirdPartyForm.beneAcc.$pristine || thirdPartyForm.beneAcc.$i
浏览 3提问于2015-03-26得票数 3
回答已采纳
2回答
我的桌子有三列。我想使用Selenium.IE获取第3列中的元素。然而，我不知道有多少行存在。我保证至少有一排
[@id="content"]/table/tbody/tr[1]/th[3]/span
[@id="content"]/table/tbody/tr[2]/td[3]/span
[@id="content"]/table/tbody/tr[3]/td[3]/span
我的Xpath看起来与上面的类似。在所有行中查找所有元素的推荐方法是什么？我是否应该使用“尝试-捕捉”，并且一旦找不到Xpath，我就知道最后一个索引(和文本)。
我使
浏览 3提问于2015-08-13得票数 0
回答已采纳
1回答
我在用Watir-Webdriver。
我知道一页上有特定的文字，那就是：“名字是必需的”
browser.text.include("First Name is required")返回true，这是很好的。
使用Webdriver，我是否可以在browser.text.include("First Name is required")的末尾附加一些方法来返回包含特定文本的css/html？
此textfield上的检查元素返回：
<h3 class="split-sm"></h3>
<div class=&#
浏览 1提问于2015-01-21得票数 0
回答已采纳
5回答
我有一些带有数字ID的元素。每个ID都在单独的跨度中。我可以将该值作为一个数字来递增吗？我尝试作为文本，但它似乎不起作用...
var lastVal = $(".myID:last").text();
var newVal = lastVal++;
Value <span class="myID">5</span>
浏览 0提问于2011-04-19得票数 5
我正在尝试获取标签中的文本。我知道它的id，即"lblCompra“和"lblVenta”。
Document doc = Jsoup.connect("http://www.bccr.fi.cr//").get();
Element compra = doc.getElementById("lblCompra");
Element venta = doc.getElementById("lblVenta");
System.out.println(compra);
System.ou
浏览 4提问于2013-09-30得票数 2
这应该是非常简单的。下面给出的是HTML。
<div id='attachmentContainer'>
#Attachment#
<span id='spnAttachmentName' class='hidden'>#AttachmentName#</span>
<span id='spnAttachmentPath' class='hidden'>#AttachmentPath#</span>
</div>
我
浏览 0提问于2010-05-06得票数 14
回答已采纳
我有一个tinymce文本区域(TinyMCE 3.5.11)，其中包含如下元素
<span id="lastreplytimeee">...</span>
我需要使用span id作为选择器来访问和更改这个元素的内容。
我试过像这样的东西
tinyMCE.DOM.setHTML('lastreplytime', $input.val());
都不起作用。
有什么建议吗？
这一行在.ready中：
$().ready(function() {
jQuery('.flexy_datepicker_input&#
浏览 3提问于2015-12-29得票数 0
1回答
如何计算平均字符宽度
、、、、
根据，cols属性指定每行预期的最大字符数。
当使用的字体对每个字符具有相同的宽度时，这是正确的。
根据，cols属性指定文本区域的宽度(以平均字符宽度表示)。
我猜它们是指字体的平均字符宽度，而不是文本区域中文本的平均字符宽度。
现在我的问题是用户代理如何计算特定字体的平均字符宽度，这个计算中包括哪些字符，有什么办法可以让我自己来获取或计算这些信息吗？
我想要做的是:使用除和cols属性之外的任何其他方法来计算文本区域内的可视行数。
我已经尝试过的是：
计算textContent的平均字符宽度：
const textSpan = document.getElementById
浏览 12提问于2021-02-15得票数 3
回答已采纳
当有链接的子项目打开时，我尝试保持菜单打开。我对父菜单和子项链接有相同的类名。单击子项时，我需要相应的菜单保持打开。
谢谢
以下是我到目前为止所做的尝试
<li class="nav-item">
<a class="nav-link collapsed" data-bs-target="#econ-nav" data-bs-
toggle="collapse" href="#">
<i cl
浏览 6提问于2022-08-07得票数 0
回答已采纳
是否有一种简单的方法可以在元素中获取char的索引？例如，如果我查看下面的第一个跨度，那么我想知道它的第一个字符是li中的第七个字符。对于元素中的字符(没有文本节点)，我只需要知道这一点，但是可能有文本节点，它们的字符做“计数”。
<li id = "li">
<p>0123</p>
<div>4
<span id = "span">5</span>
<span>67</span>
</div>
8
浏览 1提问于2013-05-20得票数 0
如何选择没有类名的图像xpath。HTML代码如下所示
<img alt="" class src="https://images.craigslist.org/00J0J_i9BI6mN6rKP_300x300.jpg">
如果我右键单击并复制xpath，它会给我这个//*[@id="sortable-results"]/ul/li[1]/a/img，但是当我在代码中使用它时，它会出现一些错误。
在我的代码中，我像这样使用
src = driver.find_elements_by_xpath('/li[@class=&#
浏览 4提问于2019-11-11得票数 1
回答已采纳
我当前正在运行一个将结果输出到文本框中的脚本，但是我想使用不同的控件来显示结果
下面是一些代码片段。。。谢谢!这就是我的工作原理。。。
<input type="text" id="dice2" /><br/><br/>
$("dice2").value = die1.getValue2();
这不管用。。。
<span id="dice2"> </span><br /><br />
$("dice2&
浏览 2提问于2013-03-21得票数 0
如何在Selenium的表中提取span元素中的链接？
<table id="tabABC">
<tr>
<td>
<span id="randomidIdontknow">
<a style="color: red" href="http://google.com" target="_blank">FancyLink</a>
</
浏览 21提问于2016-05-13得票数 0
1回答
用美汤解析
、、、
我想解析如下所示的html代码：
<div>
<span>Current Status</span>FINAL DECISION </div>
<div>
<span>Applicant</span>GC Planning Partnership Ltd </div>
<div>
<span>Agent</span>GC Planning Partnership Ltd </div>
<div>
<span>Wards</
浏览 2提问于2017-05-03得票数 0
回答已采纳
在我收到的代码中有一个包含一些html标签的字符串。它不是正在显示的HTML页面的一部分，因此我不能使用DOM (即document.getElementById('tag id').firstChild.data); )获取html标记内容
因此，例如，在文本字符串中将出现如下标记：
<span id='myQty'>12</span>
我的问题是如何使用正则表达式来访问本例中的'12‘数字？此数量可以是任意数量的数字(即，它并不总是两位数)。
我尝试过一些正则表达式，但最终总是得到随内容一起返回的完整跨度标记。我只需要上面例
浏览 1提问于2010-05-11得票数 0
在Selenium Webdriver上，如何从span标记和打印中检索文本？
我需要提取文本UPS Overnight - Free
HTML代码如下：
div id="customSelect_3" class="select_wrapper">
<div class="select_display hovered">
<span class="selectLabel clear">UPS Overnight - Free</span>
使用以下代码：
String kk = wd.f
浏览 1提问于2013-10-08得票数 12
我有以下HTML：
<html>
<body>
<div>
<span> $12.95 </span>
</div>
</body>
</html>
以及以下的Javascript：
var all = document.body.getElementsByTagName("*");
for (var i=0, max=all.length; i < max; i++) {
console.log(all[i].nodeValue);
浏览 12提问于2013-10-29得票数 0
回答已采纳
1回答
我目前有一个工作HTML下拉选项，有一个提交按钮，显示基于所选选项的文本(感谢SO成员Paul创建它)。
<label for="car">Car</label>
<select id="car">
<option value="Ford">Ford</option>
<option value="Fiat">Fiat</option>
<option value="Volvo">Volvo</opti
浏览 0提问于2016-10-25得票数 0
回答已采纳
2回答
我想获得带有td标记的元素的文本。我想要的案文是"2021.08.13“
<tr>
<td><span>申请号：</span> <a
href="javascript:viewDetail(0);">CN202110930062.2</a> </td>
<td><span>申请日：</span> 2021
浏览 5提问于2022-01-05得票数 1
我对HTML DOM有点困惑。我正在尝试获取特定<table>的行，以便我可以遍历它们。
HTML标记：
<table style="width:70%" id="PersonalInfoExtendedModel_Table" >
<tr>
<td><span id="PersonalInfoExtendedModel_FirstName">@Html.DisplayFor(m => m.FirstName)</span></td
浏览 4提问于2012-05-29得票数 1
回答已采纳
我有这个HTML： <div id="ctl00_ctl00_ctl00_cphMain_cphMiddle_cphCenterColumn_uctDiveInfoDisplay_TabContainer1_tabScubeCoursesOffered_ScubaCoursesViewDIV" class="modules-wrapper">
<table>
<tr>
<td><div> <span> -Master Scuba Diver </span&g
浏览 61提问于2020-07-13得票数 1
3回答
<parent1>
<span>Text1</span>
</parnet1>
<parent2>
<span>Text2</span>
</parnet2>
<parent3>
<span>Text3</span>
</parnet3>
我正在用Python&BeautifulSoup来解析这一点。我有一个变量soupData，它存储需要对象的指针。例如，如果我有文本parent2的文本Text2，如何获得指针。所以问
浏览 4提问于2010-12-13得票数 0
回答已采纳
3回答
我有以下html
<div>
<span>123</span>
<span>456<span>789</span></span>
</div>
当我试图得到文本时，它只给出一行。
$('div').text() ---> '123456789'
问题：如何获得文本：
123 456 789
浏览 3提问于2016-06-10得票数 3
回答已采纳
1回答
我有一个HTML树，看起来像这样：
<div id="RF4FOEQ3OPBEX" data-hook="review" class="a-section review aok-relative"><div
<div data-hook="review-collapsed" aria-expanded="false" class="a-expander-content reviewText review-text-content a-expander-partial-coll
浏览 22提问于2021-02-28得票数 0
很抱歉这个问题太长了，但我想确保我说的是事实。
我有一个新的广告服务器，它做我需要的99%。它在发送文本广告方面做得不是很好。这是一个场景。我需要发送一封电子邮件，这封电子邮件需要一些文本广告，以防用户关闭图像。我们的电子邮件客户端(Lyris)使用httpget抓取动态生成的页面。这就是问题所在。新的广告服务器使用JavaScript从他们的服务器上抓取广告。他们提供符合电子邮件标准的标签，但没有文本广告。所以我想我应该在页面上使用他们的标准javascript来加载文本广告。然后，我会根据ID将这些数据放入一个变量中。例如: span id="ad“
下面是jQuery代码：
va
浏览 1提问于2011-12-23得票数 0
1回答
我试图在这里使用解析html标记。我对汤不熟悉。基本上，我需要解析这些标记，并在这些标记中获取文本，并应用class属性中提到的样式。
我正在创建一个SpannableStringBuilder，因此我可以创建子字符串，应用样式，并将它们与没有样式的文本一起附加。
String str = "There are <span class='newStyle'> two </span> workers from the <span class='oldStyle'>Front of House</span>&#
浏览 1提问于2020-01-09得票数 1
回答已采纳
我有一个像这样的html，
<div>
<span>Text
<a href="example.html">ABC</a>
<a href="example.html">DEF</a>
<a href="example.html">HIJ</a>
<a href="example.html">KLM</a>
</span>
&
浏览 0提问于2010-09-29得票数 0
回答已采纳
如何检测其中的文本，这是HTML &这是XPath。我试过了
HTML
<span class="messageText">Hello.</span>
XPath
//*[@id="liveAgentChatLogText"]/span[22]/span[2]
我试过了，但没有用，它说没有找到这样的元素。
driver.find_element(By.XPATH, '//*[@id="liveAgentChatLogText"]//*[contains(string(.), "Hel
浏览 0提问于2018-09-05得票数 0
1回答
我想删除(使用jQuery或JavaScript)文本中没有分配类名的跨度，但保留内容不变(保留空格和所有内容)，并保留分配了类名的其他跨度。例如，我想要这个
<div id="myDiv">I want to <span class="">unwrap</span> but <span class="someClass">keep</span>.</div>
要更改为此，请执行以下操作：
<div id="myDiv">I want to unw
浏览 0提问于2017-06-26得票数 1
1回答
我正在使用ajax调用一个查询，但我试图返回一个表。我已经能够让硬编码版本将文本返回到文本框中，但我试图将它作为一个表返回。如果能对此提供任何帮助，我们将不胜感激。
AJAX调用
$.ajax({
url: "proxy/TomorrowsDate.cfm",
type: "post",
dataType: "json",
data: {date: Tmrwdate },
success: function (data) {
console.log(data);
consol
浏览 0提问于2017-03-15得票数 0
回答已采纳
我需要使工作选择在RFT的情况下，选择是通过jQuery AJAX选择，其中的html代码看起来像
<select style="display: none;" id="_campus_id" name="_campus_id">
<option id="CAMPUS1" value="1">camp</option>
<option id="CAMPUS2" value="2">camp2</option>
<
浏览 0提问于2012-02-27得票数 0
回答已采纳
6回答
假设我们有：
<div id="view-item-hero-info">
<h2>{{name}}</h2>
<h4>{{location}}</h4>
<h3>
<span id="view-item-hero-header-score">
You scored {{userScore}}pts
</span>
</h3>
{{description}}
&
浏览 2提问于2012-03-01得票数 4
3回答
我现在正在尝试使用Java.Now实现一个简单的超文本标记语言网页抓取器，我有一个小问题。假设我有以下HTML片段。
<div id="sr-h-left" class="sr-comp">
<a class="link-gray-underline" id="compare_header" rel="nofollow" href="javascript:i18nCompareProd('/serv/main/buyer/ProductCompare.jsp?nxtg=4
浏览 0提问于2010-04-11得票数 1
回答已采纳
当我使用soup.find("h3", text="Main Address:").find_parents("section")时，我得到的输出是：
[<section class="otlnrw" itemscope="" itemtype="http://microformats.org/wiki/hCard">\n<header>\n<h3 i
temprop="name">Main Address:</h3>\n</he
浏览 1提问于2015-08-07得票数 0
回答已采纳
我试图在Xpath的帮助下检索文章号和其他一些数据，其中ID位于由其他HTML标记和文本包围的div标记中：
<div class="description">
<span class="product-name"></span><br>
details<br>
company<br>
Art.-Nr. (article): 1686382
<div class="product-icons"></div>
&l
浏览 1提问于2020-04-14得票数 0
回答已采纳
3回答
嗨，我想通过下面的例子来分析HTML页面。
我可以将url页面放到文本框中，然后按enter键。
我从HTML页面得到了一些文本，比如标题、h1、div id="do“等等。
我如何使用PHP来完成它呢？
谢谢!
浏览 0提问于2010-03-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
