Question

我有以下HTML：

<div class="dragCell ui-draggable ui-draggable-handle" id="thirdSlot">
  <input class="appointmentClassId" type="hidden" value="0013E00000DKsxpQAD">
  <input class="appContactClassId" type="hidden" value="0033E00000AeYkQQAV">
  <p>Westbrook Restaurants</p>
  <p>Z1</p>
  <input class="inputHidden-1" name="hiddenName" type="hidden" value="a1M3E0000009rHRUAY">
</div>
<span title="10 AM"></span>

我想使用访问title中的<span>属性。即10 AM。我怎么能这样做？

Answer 1

很简单，使用jQuery attr()： -

＆＃13;

console.log($('span').attr('title'));

console.log($('#thirdSlot > p:eq(1)').text());

console.log($('#thirdSlot > p:eq(1)').html());

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dragCell ui-draggable ui-draggable-handle" id="thirdSlot">
  <input class="appointmentClassId" type="hidden" value="0013E00000DKsxpQAD">
  <input class="appContactClassId" type="hidden" value="0033E00000AeYkQQAV">
  <p>Westbrook Restaurants</p>
  <p>Z1</p>
  <input class="inputHidden-1" name="hiddenName" type="hidden" value="a1M3E0000009rHRUAY">
</div>
<span title="10 AM"></span>

＆＃13;

注意： - 需要jquery库。所以在您的代码中添加它，如上例所示。谢谢

Answer 2

var x = document.getElementsByTagName("span")[0].getAttribute("title");

现在x将是＆＃34;上午10点＆＃34;

Answer 3

console.log($('span[id="[your id]"]').attr("title"));

或

console.log($('span.' + [your className] + ']').attr("title"));

或

console.log($('#thirdSlot').find('span').attr('title'));

Answer 4

指定span标记的ID

<span id="spanid" title="10 AM"></span>

使用JQuery代码：

var v=$('#spanid').attr('title');

Answer 5

在您的范围中添加一个类名，然后使用以下代码：

$('span.className').attr('title','New Title');

Answer 6

我在您的span中添加了id="titleSpan"并使用jQuery访问onload函数中的title属性。请看下面的代码：

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div class="dragCell ui-draggable ui-draggable-handle" id="thirdSlot">
  <input class="appointmentClassId" type="hidden" value="0013E00000DKsxpQAD">
  <input class="appContactClassId" type="hidden" value="0033E00000AeYkQQAV">
  <p>Westbrook Restaurants</p>
  <p>Z1</p>
  <input class="inputHidden-1" name="hiddenName" type="hidden" value="a1M3E0000009rHRUAY">
</div>

<span id="titleSpan" title="10 AM"></span>

<script>

  $(function(){
  
    var spanTitle = $("#titleSpan").attr("title");
    console.log(spanTitle);
  
  });

</script>

＆＃13;

希望这有帮助。

Answer 7

.attr('attributename')函数用于获取Tag的属性值。

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dragCell ui-draggable ui-draggable-handle" id="thirdSlot">
  <input class="appointmentClassId" type="hidden" value="0013E00000DKsxpQAD">
  <input class="appContactClassId" type="hidden" value="0033E00000AeYkQQAV">
  <p>Westbrook Restaurants</p>
  <p>Z1</p>
  <input class="inputHidden-1" name="hiddenName" type="hidden" value="a1M3E0000009rHRUAY">
</div>
<span title="10 AM"></span>

<button onclick="console.log($('span').attr('title'))" >Get  Value</button>

＆＃13;

使用jQuery获取html标记内的值

7 个答案: