Question

我在为移动设备优化WebView时遇到了问题。这是关于使搜索栏可见，它隐藏在嵌套的<p>内。但是，我发现无法仅选择搜索栏及其标签的范围，因为此<p>中的其他跨度实际上被称为相同。每当我尝试做一些其他事情而不是隐藏/显示整个段落时，一切都无效。

它看起来像这样

<div class="setaction">
<p>
 <span class="nowrap> 
   <span class="labeltext">
    <label for="stxt">Search:
    </label>
   </span>
<input type="text" class="text" size="12" name="stxt" id="stxt" value=""
 onchange="this.form.what.value='srch'; this.form.submit();"/> 
....
</span>

所以这是我需要的搜索标签和搜索栏，接下来是一个（有点不必要的）按钮和一些我不需要显示的选项。它们都在<span class="nowrap">内（有多个，一个接一个），我不知道如何只针对我需要的这个段落中的一些东西。

我会尝试仅选择stxt，但是当我尝试通过div.setaction stxt或其任何变体进行操作时，没有任何反应。我做错了什么？

Answer 1

尝试使用属性选择器：

$("[for='stxt']")

哪个会给你标签。

Answer 2

如果您尝试选择TextViewCompat.setTextAppearance(getContext(), R.style.AppTheme_TextStyle_ButtonDefault_Whatever);，则表示您正在选择标记stxt。这显然不是你的意图。

请务必在选择器前使用<stxt></stxt>或#来选择ID或类。

如果您选择的元素没有ID或类，您可以通过属性选择它：

.

e.g。 [attribute=value] /* selects elements whose attribute match the value */

如果您尝试选择输入，请使用[for="stxt"]

如果您要选择标签，可以执行以下操作： #stxt，[for="stxt"]或label

如果您需要帮助，请告诉我。

Answer 3

您是否尝试使用jquery或CSS进行选择？

如果您正在尝试使用css，则还需要为标签分配类。在这里你使用“for”而Css不能选择它。

你也可以这样选择它。

div.setaction label

如果您使用的是jquery，则可以使用“attr”。

Answer 4

我无法相信没人说过这个！在这种情况下，CSS默认内置了一种方法。您应该应用CSS：
p:first-child{ CSS here } 选择第一个选项。更多信息here和here

在嵌套div中选择单个跨度

4 个答案: