选择子项链接jquery

Question

如何使用jquery

选择此结构中的链接<a>

<span id="guiaAtencion:ot4">
  <p>
    <a href="http://www.apps.com">link</a>
  </p>
</span>

Answer 1

您可以使用span id作为锚点，并使用descendant combinator查找其中的a：

var theLink = $("#guiaAtencion\\:ot4 a");

示例：

＆＃13;

＆＃13;

$("#guiaAtencion\\:ot4 a").css("color", "green");

＆＃13;

<span id="guiaAtencion:ot4">
  <p>
    <a href="http://www.apps.com">link</a>
  </p>
</span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

＆＃13;

＆＃13;

或者

var theLink = $("[id='guiaAtencion:ot4'] a");

示例：

＆＃13;

＆＃13;

$("[id='guiaAtencion:ot4'] a").css("color", "green");

＆＃13;

<span id="guiaAtencion:ot4">
  <p>
    <a href="http://www.apps.com">link</a>
  </p>
</span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

＆＃13;

＆＃13;

附注：将p元素放在span个元素中无效。 span的内容模型（例如，其中允许包含的内容）为phrasing content，但p元素只能用于flow content所在的位置预期